/* creating my own default tag settings */
.button {cursor: pointer; padding: 4px 10px;}
.error-text {color: red;}
.success-text {color: blue;}
.disabled {color: silver;}
.double-arrows {font-family: Arial; font-size: 130%;}
.typeless li {list-style: none;}

.big {font-size: 16px;}
.clear {clear: both;}
.bold {font-weight: bold;}
.center {text-align: center;}

a.hover-underline {text-decoration: none;}
a.hover-underline:hover {text-decoration: underline;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}

.photo-frame {background-color: white; border: 1px solid #426443; padding: 3px;}
/* end of creating my own default tag settings */

/* Pagination UI Pattern */
div.pagination {text-align: center;}
div.pagination > span.page-numbers > * {border: 1px solid #0069a7; padding: 0px 4px;}
div.pagination > span.page-numbers > a {text-decoration: none;}
div.pagination > span.page-numbers > a {color: #0069a7;}
div.pagination > span.page-numbers > a:hover {background-color: #0069a7; color: white;}
div.pagination > span.page-numbers > b {font-weight: normal;}
div.pagination > span.page-numbers > b {background-color: #0069a7; color: white;}
/* End Of Pagination UI Pattern */

/* Sitemap */
ul.sitemap-level-1 li {list-style: none; margin: 0px;}
ul.sitemap-level-2 li {list-style: square outside none; margin-left: 2em;}
/* End of Sitemap *./

/* Layouts */
div.layout {}

ul.layout {margin: 0px;}
ul.layout > li {list-style: none; margin: 0px;}

a.layout {text-decoration: none;}

table.layout {border-collapse: collapse; border-spacing: 0px; empty-cells: show; table-layout: fixed; width: 100%;}
table.layout > * > tr > th, table.layout > * > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}

table.form-layout {empty-cells: show; table-layout: fixed; width: 100%;}

table.form-layout > * > tr > th,
table.form-layout > * > tr > td {margin: 0px; padding: 0px; font-family: inherit; vertical-align: top;}

table.form-layout > * > tr > th {}
table.form-layout > * > tr > td {text-align: right;}

table.form-layout > caption {padding-bottom: 10px; text-align: center;}
table.form-layout > tfoot > tr > td, table.form-layout > tfoot > tr > th {padding-top: 10px;}
table.form-layout > tbody > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}
table.form-layout > tbody > tr > th {vertical-align: middle;}
table.form-layout > tbody > tr > th.label-top {padding-top: 10px; vertical-align: top;}

table.form-layout > tbody > tr.required > th {background: transparent url(../images/reusable/req.gif) center right no-repeat; padding-right: 15px;}
input.invalid[type=text] {background-color: #ffffcc; border: 1px solid #ffaaaa;}

table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 7px;} /* 5px (input padding), 2px (input border) */
table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
table.form-layout > tbody > tr > td > div > input[type=text],
table.form-layout > tbody > tr > td > div > textarea {border: 1px solid #9cbed2; padding: 5px 0px; padding-left: 5px; width: 100%;}
/* End Of Layouts */

/* Testimonials */
div#testimonials {}
div#testimonials > div.testimonial + div.testimonial {margin-top: 10px;}
div#testimonials > div.testimonial > div.title {background-color: #d8dfea; border-bottom: 1px solid #cccccc; border-top: 1px solid #3b5998; padding: 10px; text-align: left;}
div#testimonials > div.testimonial > div.body {font-size: 12px; padding-left: 10px; padding-right: 10px; padding-top: 10px;}
/* End Of Testimonials */

/* News */
div#news {}
div#news .clear {margin-top: 10px; text-align: center;}
div#news div.date {margin-bottom: 10px;}
div#news div.news-item {clear: both; padding: 10px 0px;}
div#news div.news-item + div.news-item {border-top: 1px solid #dddddd; margin-top: 10px;}
div#news div.news-item > h1 {color: #444444; font-size: 15px; font-weight: bold; margin-bottom: 7px;}
div#news div.news-item > div {padding-left: 5px; padding-right: 5px;}
img.news-item-image {display: block; float: right; margin-bottom: 10px; margin-left: 10px;}
/* End Of News */

/* FAQ */
div#faq > div.body {}

div#faq-menu > ol {margin: 0px; padding: 4px 2px;}
div#faq-menu > ol > li {padding: 4px 2px; margin-left: 25px;}

div#faq-menu > ul.layout,
div#faq-menu > ul.layout > li {padding: 4px 2px;}

div#faq-menu {padding: 10px;}
div#faq-menu li.active > a {color: black; text-decoration: none;}
/* End Of FAQ */

/* Gallery */
div#gallery-menu {}
div#gallery-menu a {}
div#gallery-menu ul {margin: 0px; padding: 0px; padding-left: 10px;}
div#gallery-menu ul > li {list-style: disc outside url(../images/reusable/blue-arrow.gif); margin-left: 15px; padding: 0px;}
div#gallery-menu > ul > li > a {text-decoration: none;}
div#gallery-menu > ul > li > a:hover {text-decoration: underline;}
div#gallery-menu > h2 {font-size: 15px; margin-bottom: 5px;}
div#gallery-menu > h3 {color: white; font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 5px 0px;}
div#gallery-menu > ul > li {padding: 3px 10px;}
div#gallery-menu  div.back {margin-top: 10px; text-align: center;}

div#gallery a > img {background-color: white; border: 1px solid #cccccc; padding: 2px;}
div#gallery a:hover > img {border: 1px solid #595959;}

div#gallery div.pagination {font-size: 11px; padding: 5px 0px;}

div#gallery div#gallery-float {float: right; overflow: hidden; margin-bottom: 10px; margin-left: 10px; text-align: center; width: 60%;}
div#gallery div#gallery-float > img {display: block; margin: 0px auto;}
div#gallery div#gallery-float > div#caption {border: 1px solid #dddddd; margin: 0px auto;}
div#gallery div#gallery-float > div#caption > p {color: #444444; padding: 15px; text-align: left;}
div#gallery div#gallery-float > div#gallery-thumbs {margin-top: 10px; text-align: center; vertical-align: middle;}
div#gallery div#gallery-float > div#gallery-thumbs > a {text-decoration: none;}
/* End Of Gallery */

/* Driving Directions */
div#address-form {text-align: center;}
div#address-form > div:first-child + div {margin: 0px auto; width: 40%;}
div#address-form table.form-layout {}
div#address-form table.form-layout > tbody > tr > th {width: 25%;}
div#address-form table.form-layout > tbody > tr > td {width: 75%;}

div#select-address > table {margin: 0px auto;}
div#select-address > table > caption {font-size: 130%; padding-top: 10px; margin: 0px auto; text-align: center;}
div#select-address > table > tbody > tr > td {vertical-align: middle;}
div#select-address > table > tbody > tr > td > form > fieldset > input[type=submit] {margin: 4px 10px;}

div#driving-directions > img {display: block; margin-bottom: 10px;}
div#driving-directions > ol > li {margin-left: 30px;}
div#driving-directions > ol > li > div {padding: 10px;}
div#driving-directions > a[rel=prev] {font-size: 16px;}
span.mileage-minutes {color: red;}
/* End Of Driving Directions */

/* Search Results */
div#search-results-view {padding-bottom: 10px;}
div#search-results-view > form {}
div#search-results-view > form > fieldset {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; text-align: center;}
div#search-results-view > form > fieldset * {vertical-align: middle;}
div#search-results-view > form > fieldset > input[type=text] {border: 1px solid black; height: 16px; margin: 0px; padding: 6px; padding-bottom: 7px; padding-top: 5px; width: 300px;}
div#search-results-view > form > fieldset > button.button {margin: 0px; padding-bottom: 4px; padding-top: 4px;}
div#search-results-view > h1 {border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; text-align: right;}
div#search-results-view > h2 {font-weight: normal; text-align: center;}
div#search-results-view > ol {margin: 0px; padding: 0px;}
div#search-results-view > ol > li {border-top: 1px solid #cccccc; list-style: none; margin: 0px; margin-top: 10px; padding-top: 10px;}
div#search-results-view > ol > li:first-child {border: 0px; margin-top: 0px; padding-top: 0px;}
div#search-results-view > ol > li  > a {display: block; font-size: 15px; margin-bottom: 5px;}
div#search-results-view > ol > li  > p {font-size: 12px;}
div#search-results-view > ol > li  > p > span.searchTerm {font-size: 116.66%; font-weight: bold;}
div#search-results-view > div.pagination {border-top: 1px solid #cccccc; font-size: 16px; margin-top: 10px; padding-top: 10px;}
/* End Of Search Results */

/* Contact Us */
div#contactus {}
div#contactus a.partial-underline {font-size: 16px;}
div#contactus table.form-layout input[type=checkbox] {margin-left: 10px;}
div#contactus table.form-layout {}
div#contactus table.form-layout > tbody > tr > th {width: 30%;}
div#contactus table.form-layout > tbody > tr > td {width: 70%;}
/* End Of Contact Us */

/* Search Wrapper */
div.search {}
div.search input {vertical-align: top;}
div.search input[type=image] {border-top: 1px solid white;}
div.search input[type=text] {border: 1px solid black; font-size: 13px; height: 18px; padding: 3px; padding-top: 4px; padding-left: 5px; width: 129px;}
div.search input.inactive {}
div.search input.active {}

div#store-search {padding-right: 5px; padding-top: 9px; text-align: center;}
div#store-search input[type=image] {margin-left: 1px;}
/* End Of Search Wrapper */

/* Nav */
div#navigation {}
div#navigation a {color: white; font-size: 16px; font-weight: bold; text-decoration: none; }
div#navigation > table.layout {table-layout: auto;}
div#navigation > table.layout > tbody > tr > td {text-align: center; vertical-align: middle;}
div#navigation > table.layout > tbody > tr > td > div > a {background: transparent url(../images/nav-bg.gif) repeat-x top left; display: block; height: 53px; line-height: 53px; padding: 0px 5px; white-space: nowrap;}
div#navigation > table.layout > tbody > tr > td > div.active > a {background: #7ddbf7; color: black;}
div#navigation > table.layout > tbody > tr > td > div:hover > a {background: transparent url(../images/nav-hover-bg.gif) repeat-x top left; color: white;}

div#navigation > table.layout > tbody > tr > td > div {position: relative; z-index: 5;}
div#navigation > table.layout > tbody > tr > td > div > ul {display: none; position: absolute; top: 53px; left: 0px; width: 200px;}
div#navigation > table.layout > tbody > tr > td + td + td + td > div > ul {left: auto; right: 0px;}
div#navigation > table.layout > tbody > tr > td > div:hover > ul {display: block;}
div#navigation > table.layout > tbody > tr > td > div > ul {background-color: navy; padding: 1px; padding-top: 5px;}
div#navigation > table.layout > tbody > tr > td > div > ul > li > a {display: block; height: 30px; line-height: 30px;}
div#navigation > table.layout > tbody > tr > td > div > ul > li {background-color: #002fc3; border-bottom: 1px solid #001fb3;}
div#navigation > table.layout > tbody > tr > td > div > ul > li + li {border-top: 1px solid #103fd3;}
/* End Of Nav */

/* creating project specific default tag settings (change from project to project) */
a {color: #0069a7;}
a.gray-up {color: #444444; font-weight: bold; text-decoration: none; text-transform: uppercase;}
a.gray-arrow {background: transparent url(../images/right-arrow-gray.gif) no-repeat center right; color: #444444; font-weight: bold; padding-right: 10px; text-decoration: none; text-transform: uppercase;}
a.white-arrow {background: transparent url(../images/right-arrow-white.gif) no-repeat center right; color: white; font-weight: bold; padding-right: 10px; text-decoration: none; text-transform: uppercase;}
a.gray-up:hover, a.gray-arrow:hover, a.white-arrow:hover {text-decoration: underline;}
/* end of creating project specific default tag settings (change from project to project) */

/* Positioning (Layout) */
html {background-color: black; color: black;}
body {min-width: 740px; font-family: "Trebuchet MS";}
div#container {border: 2px solid white; border-width: 0px 2px; width: 740px;}
div#header {background: transparent url(../images/header-bg.jpg) no-repeat top left; height: 336px;}
div#header a#logo {margin-left: 15px;}
div#header > table.layout > tbody > tr > td {vertical-align: bottom;}
div#header div.big {color: #a5a5a5; font-weight: bold; padding: 10px; text-align: right; text-transform: lowercase;}
div#header div.big a {color: #a5a5a5; text-decoration: none;}
div#header div.big a:hover {color: black; text-decoration: underline;}
div#body {background: #f3f3f3 url(../images/body-bg.gif) repeat-x top left;}

td#sidebar {width: 217px;}
div#shop-online {background: transparent url(../images/temp-left-bar-bg.gif) no-repeat top left; height: 371px; width: 217px;}
img#shop-online-img {display: block; margin-left: 13px; margin-top: 10px;}
div#categories a {color: #3f3f41; font-size: 14px; font-weight: bold; text-decoration: none; }
div#categories > ul.layout {padding-top: 7px;}
div#categories > ul.layout > li {padding-right: 8px; text-align: right;}
div#categories > ul.layout > li + li {margin-top: 6px;}
div#categories > ul.layout > li > a {background: transparent url(../images/right-arrow-navy-special.gif) no-repeat center right; padding-right: 17px;}
div#categories > ul.layout > li > ul.layout {display: none; position: absolute; top: -5px; left: 213px;}
div#categories > ul.layout > li > ul.layout {background-color: #7c7b77; padding: 1px; padding-left: 5px; text-align: left; width: 200px;}
div#categories > ul.layout > li > ul.layout > li > a {display: block; background-color: #acaba7; border-left: 1px solid #bcbbb7; border-top: 1px solid #bcbbb7; border-bottom: 1px solid #9c9b97; border-right: 1px solid #9c9b97; padding: 5px;}
div#categories > ul.layout > li {position: relative;}
div#categories > ul.layout > li:hover > a {background: transparent url(../images/right-arrow-navy-special-hover.gif) no-repeat center right;}
div#categories > ul.layout > li:hover > ul.layout {display: block;}
div#featured-testimonial {padding: 10px;}
div#featured-testimonial > img {margin-left: 10px; margin-bottom: 5px;}
div#featured-testimonial > div.testimonial {font-size: 12px;}
div#featured-testimonial > div.testimonial > div.title {text-align: right;}

td#main-column {padding: 10px 15px;}
td#main-column > div#content {}
td#main-column > h1, .homeHeading {color: #012fc2; font-size: 25px; font-weight: bold; padding-bottom: 15px;}
div#featured-item {background: transparent url(../images/featured-item-bottom-bg.gif) no-repeat bottom left; font-size: 12px; margin-bottom: 10px; margin-top: 15px; padding-bottom: 15px; width: 494px;}
div#featured-item > div.top {background: transparent url(../images/featured-item-top-bg.gif) no-repeat top left; height: 46px; line-height: 46px; padding: 0px 20px; padding-top: 3px; padding-bottom: 15px; text-align: right;}
div#featured-item > div.body {padding: 0px 20px;}
div#featured-item > div.body > table > tbody > tr > td:first-child {width: 135px;}
div#featured-item img {border: 1px solid black; width: 122px;}
div#featured-item a.featured-item-title {color: #00006a; font-size: 22px; font-style: italic; text-decoration: none; text-transform: uppercase;}
div#featured-item a.featured-item-title:hover {text-decoration: underline;}
div#featured-item div.featured-item-actions {padding-top: 20px;}

div#footer {background: #0066e4 url(../images/footer-bg.gif) repeat-x top left; color: white; font-size: 11px; height: 62px; padding: 10px; text-transform: lowercase;}
div#footer a {color: white; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
div#footer div.big {font-size: 14px; padding-top: 10px;}
/* End Of Positioning */