/* GENERAL STYLES */
* {padding: 0; margin: 0;}
body {text-align: center; background: #ffffff url(../images/tile.gif) 0 0 repeat; font-family: helvetica, Arial, verdana, sans-serif; font-size: 14px; color: #333;}
p {line-height: 25px; margin: 10px;}
button {cursor:pointer; border:0; background: none;}
.hide {display: none;}
.clear {clear: both;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #333;}
a:hover, a:active {text-decoration: none; color: #681201;}
.left {float: left;}
.right {float: right;}
li {list-style: none;}

/* LAYOUT */

#container {width: 960px; margin: 0 auto; text-align: left; position: relative;}
#header {width: 960px; height: 175px; overflow: hidden;}
#logo {position: absolute; top: 0; right: 20px;}
#content_wrapper {width: 100%; background: #fff url(../images/content_wrapper.gif) 0 0 repeat-y; min-height: 500px;  overflow: auto;}
#photodiv {overflow: hidden;}
#left_content {margin-left: 30px; float: left; width: 600px; padding-top: 10px;}
#right_content {float: right; margin-right: 20px; width: 260px; padding-top: 10px;}
#footer {text-align: center; clear: both; padding: 30px;}
#bridgestone {position: absolute; top: 105px; right: 20px;}
div.col_1 {float: left; clear: both; width: 220px; text-align: center;}
div.col_2 {float: left; width: 380px;}

/* TEXT */
#logo h1 {background: transparent url(../images/logo.png) 0 0 no-repeat; text-indent: -99999px;}
#logo h1 a {display: block; height: 119px; width: 308px; }
#bridgestone h2 {text-indent: -9999px; height: 89px; width: 90px; background: transparent url(../images/bridgestone.png) 0 0 no-repeat;}
#right_content img {border: 10px solid #015C48;}
#noodle_shop p {text-align: center;}
.item h3 {color: #015c48; margin: 10px 0 0 10px;}
.item p.headline {margin: 0 10px; color: #015c48; font-weight: bold; font-size: 14px;}
.item p {font-size: 12px; line-height: 19px;}
img.img_right {float: right; margin: 10px 0 10px 10px;}
#footer a, #footer p {font-size: 11px; color: #cccccc; text-decoration: none;}
p.breadcrumbs {font-size: 14px; margin-left: 0px;}
p.breadcrumbs a {text-decoration: none; color: #015C48; padding: 5px;}
p.breadcrumbs a.active, p.breadcrumbs a:hover {background: #fff;}
.col_1 p, .col_2 p {font-size: 11px; margin: 5px; line-height: 18px;}
.col_2 p {font-size: 12px;}
img.product_image {border: 5px solid #fff;}

/* NAV */
#nav {background: url(../images/nav.png) 0 0 no-repeat; height: 49px; overflow: hidden; position: absolute;  top: 126px; left: 15px; z-index: 20;}
#nav ul {position: relative; width: 624px; height: 49px; position: relative; margin: 0;}
#nav li a {position: absolute; top: 0;}
#nav li, #nav a { height: 49px; display: block; text-indent: -999999px; margin: 0; padding: 0;}	

#nav_1 {left: 14px; width: 74px;}
#nav_2 {left: 96px; width: 73px;}
#nav_3 {left: 177px; width: 78px;}
#nav_4 {left: 263px; width: 67px;}
#nav_5 {left: 338px; width: 85px;}
#nav_6 {left: 431px; width: 141px;}

a:hover#nav_1, #home_page #nav_1 {background: transparent url(../images/nav.png) -14px -49px no-repeat;}
a:hover#nav_2, #pasta_page #nav_2 {background: transparent url(../images/nav.png) -96px -49px no-repeat;}
a:hover#nav_3, #sauces_page #nav_3 {background: transparent url(../images/nav.png) -177px -49px no-repeat;}
a:hover#nav_4, #jams_page #nav_4 {background: transparent url(../images/nav.png) -263px -49px no-repeat;}
a:hover#nav_5, #contact_page #nav_5 {background: transparent url(../images/nav.png) -338px -49px no-repeat;}
a:hover#nav_6, #where_page #nav_6 {background: transparent url(../images/nav.png) -431px -49px no-repeat;}


/* CONTACT FORMS */

input, select {width: 250px;}
label {display: block; font-weight: bold; padding: 15px 0 5px 0;}
fieldset {border: 0;}
textarea {height: 200px; width: 450px; margin-top: 0;}