@charset "UTF-8";

* { margin:0px; padding:0px; }

body { background: #98B7D3 url(../IMG/MOWI_bkg.jpg) repeat-x; font: 12px Arial, Helvetica, sans-serif; }

#wrapper { margin: 10px auto 0px; width: 780px; }

a:link, a:visited { COLOR: #003366; TEXT-DECORATION: none; font-weight: bold; }

a:hover { text-decoration:underline; }

#header-top { background: url(../IMG/MOWI_top.jpg) no-repeat; height: 30px; text-align: right; float: left; width: 780px; }

#header { height: 83px; float: left; width: 780px; }

#header-top p { margin-top: 10px; margin-right: 10px; }

#mowiNav { background: url(../IMG/MOWI_gui.jpg) no-repeat; height: 45px; float: left; width: 780px; z-index: 100; }

#mowiNav ul { list-style: none; padding-left: 14px; padding-top: 5px; width: auto; }

#mowiNav ul li { display:block; float:left; white-space:nowrap; width:94px; text-align: center; }

#subNav ul { list-style: none; padding-left: 14px; padding-top: 5px; width: auto; }

#subNav ul li { display:block; float:left; width:auto; text-align: center; list-style: none; margin: 0px; padding: 0px; white-space:nowrap; }

#subNav ul li a { font-size: 10px; color: #CCC; font-weight: normal; padding:0 10px; }

#mainBody { background: url(../IMG/MOWI_body_bkg.jpg) repeat-y; float: left; width: 770px; padding-left: 14px; }

hr.blueLine { margin: 5px 30px 10px 10px; height:1px; border-bottom: 1px solid #009; padding: 0px; border-left:0px; border-right:0px; border-top:0px; }

#leftMain { float: left; width: 440px; padding-left: 10px; }

#rightMain { float: right; width: 290px; margin-right: 20px; }

#leftMain h2, #leftOrder h2 { font-size: 18px; color: #036; margin-top: 10px; }

#callLeft { float: left; width: 100%; font-weight: bold; color: #036; margin-top: 10px; }

#callRight { float: left; width: 100%; display: block; text-align: right; font-weight: bold; color: #036; margin-top: 5px; margin-bottom: 15px; }

#leftMain p, #leftOrder p { line-height: 19px; font-size: 12px; color: #036; margin-top: 15px; text-align: justify; }

.clear { clear: both; }

#youTube { background: url(../IMG/video_bkg.jpg) no-repeat; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; margin-left: 15px; }

#orderDelivery { margin-left: 40px; }

#mto_home { margin-left: 37px; }

#greenFoot { margin-left: 20px; margin-top: 10px; }

#footer { float: left; width: 780px; background: url(../IMG/MOWI_bottom.jpg) no-repeat; height: 46px; padding-left: 10px; font-size: 10px; padding-top: 22px; }

#footer p { color: #036; display: inline; }

#footer span { margin-left: 100px; }

.firstCol { margin-left: 15px; }

#order { background: url(../IMG/button_field_temp.gif) no-repeat; height: 324px; padding-top: 20px; padding-left: 25px; }

#leftOrder { width: 490px; float: left; margin-left: 15px; }

#rightOrder { float: right; width: 250px; }

#subNav { width: 766px; float: left; }

#order img { clear: left; float: left; margin-top: 5px; }

#order p { clear: left; float: left; width: 360px; color: #FFF; font-size: 12px; line-height: 16px; letter-spacing: 1px; }

#order p a { color: #AEE4FF; text-decoration: underline; }

img.center { margin: 0px auto; }

#coffee { text-align: center; color: #036; }

#coffee h4 { text-align: left; margin-left: 20px; }

#coffee h4.right { text-align: right; margin-right: 25px; font-style: italic; }

#leftOrder h4 { font-size: 12px; color: #036; margin-top: 20px; }

#leftOrder td { text-align: center; width: 200px; }

#leftOrder td p { text-align: center; margin: 0px; line-height: 12px; }

li span.sub { display: block; font-size: 10px; margin-left: 20px; }

#leftOrder ul { color: #036; margin-top: 10px; margin-left: 15px; }

#leftOrder li { margin-top: 2px; }

#subNav.moreSpace ul li { padding: 0 20px; }

#frontScheduleService { margin-left: 37px; }

#subNav ul li.currentPage a { font-weight: bold; color: #FFF; }

#leftOrder span h2 { float: left; margin-top: 15px; margin-left: 10px; }

#leftOrder span { clear: left; float: left; display: block; width: 300px; margin-bottom: 10px; }

#leftOrder #specials { background: url(../IMG/spring.jpg) no-repeat; height: 406px; padding-top: 120px; }

#leftOrder #specials h2 { font-style: italic; margin-left: 40px; display: block; margin-top: 0px; }

#leftOrder #specials ul { margin-left: 40px; font-size: 14px; }

#leftOrder #specials ul li { margin-bottom: 7px; }

#leftOrder #specials p { display: block; margin-left: 40px; padding-right: 40px; }

#leftOrder #specials p em { font-size: 11px; }

#subNav #water_quality li a { padding-right: 6px; padding-left: 7px; }

#leftOrder ol { margin-left: 15px; margin-top: 15px; line-height: 19px; color: #036; }

#leftOrder ol li { margin-bottom: 5px; }

#billpay label { float: left; width: 150px; }

#billpay #submit { float: left; width: 120px; margin-top: 10px; }

#leftOrder #billpay { margin-top: 10px; }

#leftOrder td.form { font: 12px/14px Arial, Helvetica, sans-serif; text-align: justify; color: #369; padding: 10px 18px 0px 10px; }

#leftOrder div.article { padding-bottom: 10px; border-bottom: 1px solid #CCC; }

#leftOrder div.article img { margin-right: 7px; margin-bottom: 5px; }

#products { float: left; width: 490px; padding-top: 10px; }

#leftOrder div.coffeeItem { width: 100%; padding-bottom: 5px; border-bottom: 1px solid #CCC; min-height:100px; float: left; margin-top: 5px; }

#leftOrder div.coffeeItem h2 { float: none; }

#leftOrder div.coffeeItem img { margin-right: 15px; float: left; height: 100px; }

#coffee_types { margin-bottom: 7px; }

#leftOrder span.error { width: auto; clear: none; display: inline; float: none; }

#leftOrder div.coffeeItem p { margin-top: 0px; padding-right: 10px; }

#leftOrder form label { float: left; margin-right:10px; font-weight:bold; }

#leftOrder p.orderNow { background: You’ve got the best water with natural Mount Olympus Spring Water . Now get the best coffee and coffee service in Utah; text-align: center; font-size: 14px; color: #FFF; background: url(../IMG/orderNow.gif) no-repeat; height: 50px; padding-top: 10px; }



#coffeePDF { width: 160px; margin: 0px auto; border: 8px solid #000; padding: 10px; }

#coffeePDF h3 { text-decoration: underline; }

#leftOrder p.orderNow a:link, #leftOrder p.orderNow a:visited { color: #FFF; }

#leftOrder p.orderNow a:hover { text-decoration:underline; }
#leftOrder #coffeeForm div label { float: left; width:140px }

#leftOrder #coffeeForm div { margin-bottom: 10px; }