
/* ::::: http://www.gosarpinos.com/local/styles/styles.css?3 ::::: */

body { margin: 0pt; padding: 0pt; background: rgb(174, 174, 174) url('bg.jpg') repeat-y scroll 50% top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: Georgia,Serif; line-height: 1.5em; font-size: 14px; color: rgb(47, 47, 47); position: relative; }
form { margin: 0pt; padding: 0pt; }
img { border: 0pt none ; }
hr { border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(168, 149, 104); border-width: 0pt 0pt 1px; margin: 3px 0pt; padding: 0pt; height: 1px; }
p { margin: 15px 0pt; padding: 0pt; }
a { color: rgb(4, 85, 47); text-decoration: underline; }
a:hover { text-decoration: none; }
#LoginForm { margin-top: -40px; }
#LoginForm form { border-bottom: 1px solid rgb(160, 156, 149); padding: 0pt 20px 10px; }
#LoginForm .textbox { padding: 4px; background: rgb(255, 255, 255) none no-repeat scroll 0pt 50%; width: 80%; font-size: 12px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#LoginForm #RegisterLink { border: 0pt none ; padding: 0pt; background: transparent none repeat scroll 0% 0%; color: rgb(4, 85, 47); font-size: 12px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: inline; width: auto; }
#LoginForm h3 { padding: 18px 0pt 18px 75px; background: transparent url('sidenav.png') no-repeat scroll 5px 10px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); display: block; font-size: 19px; line-height: 1em; }
#LoginForm h3 span { display: block; font-size: 13px; font-family: Arial; color: rgb(102, 102, 102); }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
td { padding: 2px 4px; vertical-align: top; }
h1 { margin: 15px 0pt 10px; padding: 0pt; font-weight: normal; color: rgb(135, 28, 0); font-size: 24px; }
h2 { margin: 15px 0pt 10px; padding: 0pt; font-weight: normal; color: rgb(135, 28, 0); font-size: 19px; }
h3 { margin: 15px 0pt 10px; padding: 0pt; font-weight: normal; color: rgb(135, 28, 0); font-size: 17px; }
#sidebar h1 { text-align: center; }
#sidebar hr { border-top: 1px solid rgb(160, 156, 149); border-bottom: 1px solid rgb(255, 255, 255); height: 2px; }
.clearafter:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }
* html .clearafter { height: 1%; }
.clearafter { display: block; }
#sidebar { width:290px; float:left; padding:15px 0 0 0; border:0px dotted blue; }
#container { margin: 0pt auto; width: 929px; }
#container-a { padding: 0pt 0pt 1px; background: transparent url('main-bg.png') repeat-y scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#container-b { padding: 0pt; background: transparent url('top-bg.png') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#body { padding-left: 43px; clear: both; }
#footer { background: transparent url('bottom-bg.png') no-repeat scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 100px; color: rgb(60, 198, 134); }
#footer-a { padding: 60px 65px 0pt; }
#footer a { margin: 0pt 5px; color: rgb(60, 198, 134); text-decoration: none; }
#footer a:hover { color: rgb(255, 225, 143); }
.copyright { padding: 4px 20px 50px; text-align: center; color: rgb(0, 0, 0); font-family: Verdana; font-size: 11px; }
.copyright a { text-decoration: none; }
.bg-home { background: transparent url('custom.jpg') no-repeat scroll 500px 27px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
/*#sidebar { border: 0px dotted blue; padding: 15px 0pt 0pt; width: 290px; float: left; }*/
#content { border: 0px dotted blue; margin: 0pt 0pt 0pt 20px; padding: 220px 0pt 20px 20px; width: 530px; float: left; }
#contenttitle { margin: 10px 0pt 20px; }
#orderonline { padding: 4px 10px 0pt 30px; display: block; width: 135px; float: left; }
#topnav { margin: 0pt 0pt 0pt 60px; padding: 0pt; list-style-type: none; width: 700px; float: left; }
#topnav li { margin: 0pt; padding: 0pt; display: block; width: 130px; float: left; }
#topnav a { display: block; color: rgb(255, 255, 255); text-decoration: none; line-height: 1em; text-align: center; height: 25px; padding-top: 10px; font-size: 14px; }
#topnav a:hover { background: rgb(146, 39, 8) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#topnav.m-menu .m1 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#topnav.m-locations .m2 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#topnav.m-franchise .m3 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#topnav.m-story .m4 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#topnav.m-careers .m5 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#topnav.m-feedback .m6 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#topnav.m-reviews .m7 a { background: rgb(226, 219, 188) url('topmenu-bg.png') repeat-x scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(51, 51, 51); }
#logo { margin: 0pt 0pt 20px; }
#sidenav-a { padding: 40px 0pt 1px; background: transparent url('sidenav-bg.png') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#sidenav-b { background: transparent url('sidenav-bg.png') no-repeat scroll 0pt bottom; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 48px; }
#sidenav-w { margin: -18px 20px 0pt 15px; }
#sidenav { margin: 0pt; padding: 0pt; list-style-type: none; }
#sidenav li { border-bottom: 1px solid rgb(255, 255, 255); }
#sidenav a { border-bottom: 1px solid rgb(160, 156, 149); padding: 18px 0pt 18px 75px; background: transparent url('sidenav.png') no-repeat scroll 5px 10px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-decoration: none; color: rgb(51, 51, 51); display: block; font-size: 19px; line-height: 1em; }
#sidenav a:hover { color: rgb(237, 48, 36); background-color: rgb(238, 234, 227); }
#sidenav span { display: block; font-size: 13px; font-family: Arial; color: rgb(102, 102, 102); }
#sidenav .nav-menu a { background-position: 5px -68px; }
#sidenav .nav-locations a { background-position: 5px -156px; }
#sidenav .nav-feedback a { background-position: 5px -237px; }
#sidenav .nav-franchise a { background-position: 5px -308px; }
#smalnav { margin: 10px 20px; padding: 0pt; list-style-type: none; line-height: 1.3em; }
#smalnav li { margin: 0pt; padding: 0pt; }
#smalnav a { text-decoration: none; color: rgb(102, 102, 102); }
#smalnav a:hover { color: rgb(237, 48, 36); }
#SubscribeForm { padding: 10px; }
#menunav { margin: 0pt; padding: 0pt; list-style-type: none; }
#menunav li { border-bottom: 1px solid rgb(255, 255, 255); }
#menunav a { border-bottom: 1px solid rgb(160, 156, 149); padding: 14px 0pt 14px 80px; background: transparent url('menu.png') no-repeat scroll 5px 5px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-decoration: none; color: rgb(51, 51, 51); display: block; font-size: 19px; line-height: 1em; }
#menunav a:hover { color: rgb(237, 48, 36); background-color: rgb(238, 234, 227); }
#menunav li.last, #menunav li.last a { border-bottom: 0px solid rgb(255, 255, 255); }
#menunav .m-gourmet a { background-position: 5px -53px; }
#menunav .m-create a { background-position: 5px -105px; }
#menunav .m-side a { background-position: 5px -158px; }
#menunav .m-calzone a { background-position: 5px -213px; }
#menunav .m-sandwiches a { background-position: 5px -276px; }
#menunav .m-salads a { background-position: 5px -329px; }
#menunav .m-pasta a { background-position: 5px -382px; }
#menunav .m-deserts a { background-position: 5px -435px; }
#storetitle { border-style: solid; border-color: rgb(169, 151, 105); border-width: 1px 0pt; margin: 0pt; padding: 4px; color: rgb(0, 0, 0); font-size: 12px; line-height: 1.4em; }
#storeinfo { border-bottom: 1px solid rgb(222, 193, 125); padding: 15px; background: rgb(255, 231, 167) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; clear: both; }
#storeinfo h2 { font-size: 13px; color: rgb(51, 51, 51); }
#locations { padding: 10px 20px; min-height: 500px; }
#locations .location { border-top: 1px solid rgb(204, 204, 204); padding: 5px 0pt 5px 30px; background: transparent none no-repeat scroll 0pt 11px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#locations .loc1 { background-image: url('number1.gif'); }
#locations .loc2 { background-image: url('number2.gif'); }
#locations .loc3 { background-image: url('number3.gif'); }
#locations .loc4 { background-image: url('number4.gif'); }
.location { line-height: 1.3em; }
.location-info { padding: 5px 0pt 0pt 5px; font-size: 11px; line-height: 130%; color: rgb(102, 102, 102); }
.warning { border: 6px solid rgb(170, 46, 8); padding: 10px; background: rgb(255, 218, 207) none repeat scroll 0% 0%; margin-bottom: 10px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.content { padding: 20px 0pt; min-height: 500px; }
td.label { width: 120px; text-align: right; }
.text, .textbox, textarea, select { border: 1px solid rgb(149, 149, 149); margin: 0pt 0pt 5px; padding: 6px; background: rgb(255, 255, 255) url('input-bg.png') repeat-x scroll 0% 0%; width: 280px; font-size: 18px; font-family: Georgia,Serif; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.text, select { padding: 4px 3px; width: 240px; font-size: 12px; }
textarea { padding: 4px 3px; height: 60px; font-size: 12px; }
.inactive { color: rgb(153, 153, 153); }
.findform { margin: 20px 0pt 0pt; padding: 1px 0pt 20px 20px; background: transparent url('map.jpg') no-repeat scroll 95% 15px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.reviewform { padding: 1px 0pt 0pt 20px; background: transparent url('review.jpg') no-repeat scroll 95% 15px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.sandbag { padding: 340px 0pt 0pt; text-align: right; }
a.btn-orderonline { background: transparent url('order-online-big.gif') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 0pt; padding-top: 52px; width: 173px; display: block; }
a.btn-orderonline:hover { background-position: 0pt -52px; }
.sandbag a.btn-orderonline { margin: 0pt 0pt 0pt 215px; }
a.btn-orderonline-small { background: transparent url('order-online-small.gif') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 0pt; padding-top: 35px; width: 116px; display: block; }
a.btn-orderonline-small:hover { background-position: 0pt -35px; }
.btn-search { border: 0pt none ; margin: 5px; background: transparent url('search.png') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 109px; height: 33px; padding-top: 0px; cursor: pointer; line-height: 1000px; color: transparent; font-size: 0pt; }
.btn-search:hover { background-position: 0pt -33px; }
.btn-signmeup { border: 0pt none ; margin: 0px; background: transparent url('sign-me-up.gif') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 108px; height: 33px; padding-top: 0px; cursor: pointer; line-height: 1000px; color: transparent; font-size: 0pt; }
.btn-signmeup:hover { background-position: 0pt -33px; }
.btn-submit { border: 0pt none ; margin: 0px; background: transparent url('submit.png') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 108px; height: 33px; padding-top: 0px; cursor: pointer; line-height: 1000px; color: transparent; font-size: 0pt; }
.btn-submit:hover { background-position: 0pt -33px; }
.btn-review { border: 0pt none ; margin: 5px; background: transparent url('submitreview.jpg') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 109px; height: 0px; padding-top: 33px; display: block; }
.btn-review:hover { background-position: 0pt -33px; }
.btn-login { border: 0pt none ; margin: 0px; background: transparent url('login.gif') no-repeat scroll 0% 0%; overflow: hidden; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 108px; height: 33px; padding-top: 0px; cursor: pointer; line-height: 1000px; color: transparent; font-size: 0pt; }
.btn-login:hover { background-position: 0pt -33px; }
.nowrap { white-space: nowrap; }
.right { margin: 300px 0pt 10px 40px; float: right; }
.signature { padding: 5px 10px 15px 5px; display: block; color: rgb(0, 79, 57); }
.stores td { border-top: 1px dotted rgb(168, 149, 104); padding: 8px 5px; line-height: 1.4em; }
.stores td.loc { width: 200px; }
.stores td.areas { font-size: 12px; }
.hours td { padding: 1px 2px; white-space: nowrap; }
.weekend td { color: rgb(175, 48, 15); }
.owner { padding: 5px 0pt 5px 45px; background: transparent url('letter.png') no-repeat scroll 0pt 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.jobopenings { padding: 5px 0pt 15px 45px; background: transparent url('application.png') no-repeat scroll 0pt 5px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.headline { border-top: 1px solid rgb(174, 155, 107); padding: 4px 10px; color: rgb(0, 0, 0); font-weight: bold; }
.menuitem { padding: 5px; }
.menuitem-info { width: 360px; float: left; }
.menuitem-info p { margin: 5px 10px; }
.menuitem-info h2 { margin: 0pt; padding: 0pt; }
.menuitem-image { float: right; }
.light { color: rgb(102, 102, 102); font-size: 11px; }
.mh-specialty, .mh-gourmet, .mh-sidedishes, .mh-calzone, .mh-sandwiches, .mh-salad, .mh-pasta, .mh-desserts, .mh-custom { border-top: 1px solid rgb(174, 155, 107); background: transparent url('specialty-pizza.jpg') no-repeat scroll right top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 270px; }
.mh-gourmet { background-image: url('gourmet_001.jpg'); }
.mh-sidedishes { background-image: url('sidedishes.jpg'); height: 230px; }
.mh-calzone { background-image: url('calzone.jpg'); }
.mh-sandwiches { background-image: url('sandwiches.jpg'); height: 230px; }
.mh-salad { background-image: url('salad.jpg'); }
.mh-pasta { background-image: url('pasta.jpg'); height: 240px; }
.mh-desserts { background-image: url('dessert.jpg'); height: 250px; }
.mh-custom { background-image: url('custom.jpg'); height: 280px; }
.menu-intro { padding: 10px 0pt; float: left; width: 170px; }
.mh-desserts .menu-intro { width: 250px; }
#EmailThisPage { text-align: center; padding-top: 10px; }
#EmailThisPage a { padding: 0pt 20px 0pt 25px; background: transparent url('email_go.png') no-repeat scroll 0pt 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.signupform td { vertical-align: middle; }
#JobApplication td { padding: 0pt 4px 1px; }
#JobApplication .label { width: 150px; }
#JobApplication textarea { height: 40px; }
#JobApplication .required { color: rgb(0, 0, 0); font-weight: bold; }
#YesNoSelector { padding: 20px 0pt; text-align: center; }
#YesNoSelector a { padding: 0pt 10px; }
.thumbsup { background: transparent url('thup.png') no-repeat scroll 0pt 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 35px; }
.thumbsdown { background: transparent url('thdown.png') no-repeat scroll 0pt 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 35px; }
