html { min-height:100.2%; }
body { background-color:#b4c7cb; background-image:url("../images/framework/gradient.jpg"); background-position:bottom left; background-repeat:repeat-x; margin:0px; padding:0px 0px 20px 0px; font:Verdana,Arial,Helvetica,sans-serif; }
#wrapper { width:966px; margin:auto; position:relative; padding:0px; }

/* header */
#header { height:119px; width:966px; margin-top:0px; margin-bottom:0px; }
#header-left { background-image:url("../images/framework/header-left.png"); float:left; height:119px; width:10px; background-repeat:no-repeat; behavior:url("./js/iepngfix.htc"); }
#header-main {background-image:url("../images/framework/header-bg.png"); float:left; height:119px; width:940px; background-repeat:repeat-x; behavior:url("./js/iepngfix.htc"); }
#header-right { background-image:url("../images/framework/header-right.png"); float:left;height:119px; width:16px; background-repeat:no-repeat; behavior:url("./js/iepngfix.htc"); }
img.logo { position:absolute; top:10px; left:5px; z-index:10; border:0px; }

/* nav bar */
#navbar { height:42px; width:966px; margin:0px; }
#navbar-left { background-image:url("../images/framework/nav-left.png"); float:left; height:42px; width:10px; background-repeat:no-repeat; behavior:url("./js/iepngfix.htc"); }
#navbar-main { background-image:url("../images/framework/nav-bg.png"); float:left; height:42px; width:930px; padding-left:10px; background-repeat:repeat-x; behavior:url("./js/iepngfix.htc"); }
#navbar-right { background-image:url("../images/framework/nav-right.png"); float:left;height:42px; width:16px; background-repeat:no-repeat; behavior:url("./js/iepngfix.htc"); }

/* menu */
#nav { position:absolute; z-index:200; padding:0px; margin:0px; list-style:none; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; }
#nav li { float:left; position:relative; padding:0px 20px 0px 0px; line-height:32px; }
#nav li a { color:#000000; text-decoration:none; }
#nav li ul {display:none; position:absolute; top:1em; left:0px; list-style:none; padding:0px; }
#nav li > ul {	top:auto; 	left:auto; list-style:none; 	}
#nav li ul li { float:left; position:relative; padding:0px 0px 0px 3px; width:150px; height:20px; line-height:20px; background-color:#909fa3; color:#ffffff; }
#nav li:hover ul, #nav li.over ul { display:block; background-color:b6c7cc; }

/* footer */
#footer { height:44px; width:966px; margin-top:0px; margin-bottom:0px; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#ffffff; text-align:center; line-height:35px; }
#footer-left { background-image:url("../images/framework/footer-left.png"); float:left; height:44px; width:10px; background-repeat:no-repeat; behavior:url("./js/iepngfix.htc"); }
#footer-main {background-image:url("../images/framework/footer-bg.png"); float:left; height:44px; width:940px; background-repeat:repeat-x; behavior:url("./js/iepngfix.htc");}
#footer-right { background-image:url("../images/framework/footer-right.png"); float:left;height:44px; width:16px; background-repeat:no-repeat; behavior:url("./js/iepngfix.htc"); }
#baselegal { clear:both; margin-top:-5px; font-size:9px; line-height:14px; color:#000000; font-family:Verdana, Geneva, sans-serif; }
#baselegal a { color:#000000; text-decoration:none; }

.clearall { clear:both; }
.center { text-align:center; }
#leftcol { width:650px; float:left; padding:10px 0px 20px 20px; }
#rightcol { width:250px; float:right; padding:40px 20px 20px 0px; }
h1 { font-family:Verdana, Geneva, sans-serif; font-size:16px; line-height:24px; border-bottom:solid 2px #b6c7cc; margin-bottom:15px; }
h1 span { font-weight:normal; }
h1 a { text-decoration:none; color:#076979; }
h2 { font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:18px; }
h3 { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; }
.required { color:#ff0000; }
a.backlink  { text-decoration:none; color:#076979; font-weight:bold; }
.floatr { float:right; margin:10px 0px 10px 10px; }
.floatl { float:left; margin:10px 10px 10px 0px; }
a { color:#e70a1f; text-decoration:none; }
a:hover { color:#840813; }

/* content area */
#content-top { width:966px; height:10px; clear:both; }
#content-main { width:966px; min-height:400px; clear:both; background-image:url("../images/framework/content-bg.png"); background-repeat:repeat-y; margin:0px; padding:0px; position:relative; font-size:11px; line-height:14px; font-family:Verdana, Geneva, sans-serif; }
* html #content-main { height:400px; margin:0px; padding:0px; background:url("../images/framework/content-bg.gif"); }
#content-top img , #content-base img { behavior:url("./js/iepngfix.htc");  }
#content-base { width:966px; height:14px; clear:both; }

/* home page specific */
#orderpics { width:314px; height:314px; position:absolute; left:-10px; top:-20px; z-index:5;  }
.order-button { position:absolute; top:300px; left:20px;  }
.order-button img { border:none; }
#mainpromo { width:623px; position:absolute; z-index:1; top:0px; right:20px; }
#subpromos { clear:both; width:623px; height:110px; margin:5px 0px 0px 0px; }
.sp-item { width:290px; float:left; padding:0px 0px 0px 20px; cursor:pointer; border-top:1px solid #cccccc; }
.sp-item img { float:right; padding:0px 0px 0px 3px; }
.sp-item h1 { font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 3px 0px; border:0px; }
.sp-item p { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 5px 0px; }
.sp-item span { color:#ff0000; font-size:14px; font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }

/* feature boxes */
#fbstrip { width:966px; height:155px; clear:both; }
#fbstrip-left { background-image:url("../images/framework/promostrip-left.jpg"); float:left; height:155px; width:10px; background-repeat:no-repeat; }
#fbstrip-main {background-image:url("../images/framework/promostrip-bg.jpg"); float:left; height:155px; width:940px; background-repeat:repeat-x; }
#fbstrip-right { background-image:url("../images/framework/promostrip-right.jpg"); float:left;height:155px; width:16px; background-repeat:no-repeat; }
.hpfb-item, .hpfb-item2 { float:left; height:146px; width:32%; padding:0px 3px 0px 3px; }
.hpfb-item a, .hpfb-item2 a { text-decoration:none; color:#000000; }
.hpfb-item { background-image:url("../images/framework/hpfb-divider.jpg"); background-repeat:no-repeat; background-position:right 5px ; }
.hpfb-item img, .hpfb-item2 img { float:left; margin:10px 10px 0px 0px; border:0px; }
.hpfb-item h1, .hpfb-item2 h1 { font-size:16px; line-height:18px; border:0px; margin:5px 0px 0px 0px; font-family:Verdana,Arial,Helvetica,sans-serif; }
.hpfb-item p, .hpfb-item2 p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height:14px; margin:5px 0px 0px 0px; padding:0px; }
.hpfb-item p span, .hpfb-item2 p span { color:#ff0000; font-size:14px; line-height:16px; font-weight:bold; }

/* listing headers */
h2.cathead { color:#ffffff; background-color:#909fa3; font-size:14px; line-height:18px; }

/* product display listings */
.product { clear:left; margin:10px 0px 0px 0px; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; }
.product img { float:left; padding:0px 20px 5px 0px; border:0px; }
.product p { padding:0px 100px 10px 150px; }
.product p b { font-size:14px; line-height:18px; }
.product p a { font-size:9px; line-height:18px; margin-top:10px; text-decoration:none; color:#076979; }
.product .price { position:absolute; top:0px; right:0px; text-align:right; color:#ff0000; font-size:14px; }
.prodname { font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; line-height:18px; }
.prodimg { clear:both; float:left;  padding:0px 10px 20px 0px; }
.proddesc { margin:15px 0px 0px 0px;  text-align:left; }
.prodpriceline { text-align:right; clear:right; margin:20px 0px 20px 0px; color:#ff0000; font-size:18px;  }
.gallery { text-align:left; padding:0px; width:405px; float:left; padding:0px 20px 5px 0px; }
.gallery .thumbnails { text-align:left; padding:2px; width:315px; margin:auto; cursor:pointer; }

/* services listing */
h2.service { margin:20px 0px 0px 0px; padding:0px; }
h2.servicehead { margin:0px 0px 20px 0px; padding:0px; }
p.servicedesc { padding:0px; margin:5px 0px 5px 0px; }
p.servicelink { padding:0px; margin:0px; }
p.servicelink a { font-size:9px; line-height:18px; margin-top:10px; text-decoration:none; color:#076979; }
img.serviceimg { float:left; margin:0px 20px 10px 0px; border:0px; }

/* online ordering */
.onlineorderlink { margin:10px 0px 10px 0px; text-align:center; }

/* our store */
p.hours, p.hours2 { width:240px; clear:both; margin:0px; font-size:14px; line-height:24px; padding-left:10px; }
p.hours { background-color:#b6c7cc; }
p.hours span, p.hours2 span { float:right; width:120px; height:18px; text-align:right; padding:0px 10px 0px 0px; } 
#mailform { width:530px; margin:10px auto 30px auto; font-size:11px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; padding-top:20px; }
.frow { clear:both; padding-top:10px; min-height:22px; width:100%; }
.frow span.label { float:left; width:90px; text-align:left; padding-right:5px; }
.frow span.field { float:left; padding-left:5px; }
.frow span.field input { width:400px; border:1px solid #a9a9a9; }
.frow span.field select { border:1px solid #a9a9a9; }
.frow span.field textarea { width:390px; height:110px; padding:5px; border:1px solid #a9a9a9; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.frow span.submitbtn { padding-left:280px; text-align:right; }
#map { width:250px; height:250px; border:1px solid #000000; float:right; }

/* about us */
#history { margin:20px auto 20px auto; width:90%; }
#history img { border:1px solid #b6c7cc; }

/* error block */
#statusbox { width:80%; margin:10px auto 10px auto; text-align:left; }
#statusbox p.error { font-weight:bold; color:#ff0000; }
#statusbox p { font-weight:bold; color:#000000; }
#statusbox ul.errorlist li { color:#ff0000; font-weight:bold; list-style:square; }
#statusbox ul.statuslist li { color:#ff0000; font-weight:bold; list-style:none; }

/* right column feature boxes */
.rcfb { width:250px; min-height:200px; border:solid 1px #cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
* html .rcfb { height:200px; }
.rcfb img { border:0px; }
.rcfb h2 { text-align:center; font-size:16px; line-height:18px; color:#000000; margin:0px; padding:5px 0px 0px 0px; }
.rcfb p { margin:0px; padding:0px 5px 10px 5px; }
.rcfb span { color:#ff0000; font-size:14px; font-weight:bold; }

/* links page */
.ulink { clear:both; }
.ulink img { border:0px; }

/* image galleries */
div .gallerylink { clear:both; margin:10px auto 0px auto; width:90%; }
div .gallerylink h3 { margin:0px 0px 5px 0px; }
div .gallerylink p { margin:0px 0px 5px 0px; }
div .gallerylink img { float:left; border:1px solid #333333; padding:2px; margin:0px 20px 0px 0px; }
#gallerydisplay { margin:0px; padding:10px 20px 20px 20px;  }
#gallerydisplay h1 span { float:right; font-size:12px; line-height:14px; }
.previews { width:90%; margin:auto; clear:both; text-align:left; }
.previews div { float:left; height:105px; margin:5px; padding:5px; background:#eeeeee; border-color:#dddddd #bbbbbb #aaaaaa #cccccc; border-style:solid; border-width:1px; }
.previews a { cursor:pointer; }
.previews img {	background:#ffffff; border-color:#aaaaaa #cccccc #dddddd #bbbbbb; border-style:solid; border-width:1px; padding:2px; vertical-align:top; }
.fullview { text-align:center; }
.fullview p { line-height:18px; }
.fullview img { border:1px solid #b6b6b6; }

/* newsletter handling */
#newsletterbox {  width:230px; min-height:200px; padding:10px; border:solid 1px #cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:10px auto 10px auto; font-size:11px; }
#newsletterbox span.reqfields { font-size:9px; }
#newsletterbox h1 { margin:0px 0px 3px 0px; padding:0px; }
#newsletterbox form { width:230px; font-size:11px; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; }
#newsletterbox form .frow { clear:both; padding-top:5px; min-height:22px; width:100%; }
#newsletterbox form .frow span.label { float:left; width:80px; text-align:left; padding-right:5px;  }
#newsletterbox form .frow span.field { float:left; padding-left:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#newsletterbox form .frow span.field input { width:140px; border:1px solid #a9a9a9; font-size:11px; }
#newsletterbox form .frow span.submitbtn { padding-left:25px; text-align:right; }
#newsletterbox .formsecurity { text-align:center; }
#newsletterbox .formsecurity img { margin:10px 0px 10px 0px; border:0px; }
#newsletterbox .formsecurity input { border:solid 1px #a9a9a9; }
#unsubscribe {  width:450px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:30px auto 10px auto; font-size:11px; }
#unsubscribe form .frow { clear:both; padding-top:5px; min-height:20px; width:100%; }
#unsubscribe form .frow span.label { float:left; width:100px; text-align:left; padding-right:5px;  }
#unsubscribe form .frow span.field { float:left; padding-left:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#unsubscribe form .frow span.field input { width:300px; border:1px solid #a9a9a9; font-size:12px; }
#unsubscribe form .frow span.submitbtn { padding-left:225px; text-align:right; }