html {font-size: 100.01%;height: 100%;}
body {background:url('/media/images/body-bg.jpg') #fff 50% 0 no-repeat;color:#333;font: 81.25%/1.43 Arial, Verdana, sans-serif;height: 100%;}

/** GLOBAL STYLES
*******************/

a {color:#205b32;text-decoration:underline;}
a:hover {color: #00985f;text-decoration:none;}
h1 {font-size:2.62em;margin:0 0 .3em;}
h2 {font-size:1.23em;font-weight:bold;margin:0 0 .3em;}
h3 {font-weight:bold;margin:0 0 .5em;}
h4 {margin:0 0 .5em;}
p {font-size:1em;margin:0 0 1em;}
em {font-style:italic;}
strong {font-weight:bold;}
ul {list-style-type:square;margin:0 0 1em 1.2em;}
ol {list-style-type:decimal;margin:0 0 1em 1.2em;}
li {margin:0 0 .5em;}
.hidden {display:none;}

table td {vertical-align:top;}

table.text {margin:0 0 1em;}
table.text th {background-color:#0f3703;color:#fff;padding:2px;}
table.text td {padding:2px;}

table.numeric {margin:0 0 1em;}
table.numeric th {background-color:#0f3703;color:#fff;padding:2px;text-align:right;}
table.numeric td {padding:2px;text-align:right;}

td.left {text-align:left!important;}
td.right {text-align:right!important;}

.fancy-btn {background:url('/media/images/forum-button-right.png') 100% 0 no-repeat;float:left;font-size:13px;padding-right:13px;}
.fancy-btn a {background:url('/media/images/forum-button-left.png') 0 0 no-repeat;color:#fff;float:left;padding:2px 0 8px 13px;text-decoration:none;}

/** MAIN FRAMEWORK
*******************/

#wrapper {margin:0 auto;width:978px;}
#page {background:url('/media/images/page-mdl-bgt.png') 0 0 repeat-y;float:left;min-height:400px;padding:0 9px;}
#footer {background:url('/media/images/page-btm-bgt.png') 0 0 no-repeat;float:left;padding:24px 0;width:100%;}

/** HEADER
*******************/

#header {background:url('/media/images/page-top-bgt.png') 0 100% no-repeat;height:140px;width:100%;}

#logotype {display:inline;float:left;margin:26px 0 0 24px;}
#logotype a {background:url('/media/images/tempo-logo.png') 0 0 no-repeat;display:block;float:left;height:72px;width:164px;}

#tools {display:inline;float:right;height:53px;margin:23px 9px 0 0;width:729px;}
#tools #heading-text {float:left;width:426px;}
#tools .QuickSearchArea {background:url('/media/images/quicksearch-bg.png') 0 0 no-repeat;float:right;height:46px;width:228px;}
#tools .QuickSearchArea .quickSearchField {background:transparent;border:0;color:#999;padding:9px 15px 0 15px;width:150px;}
#tools .QuickSearchArea .quickSearchButton {background:transparent;border:0;color:#fff;}

/** MAIN MENU
*******************/
#main-menu {float:right;}
#main-menu div {}
/*#main-menu #main-menu-right {background:url('/media/images/main-menu-bgt.png') 100% 0 no-repeat;display:block;float:right;height:64px;padding:0;width:24px;}*/
#main-menu ul {/*background:url('/media/images/main-menu-bgt.png') 0 0 no-repeat;*/float:right;height:64px;list-style:none;margin:0;padding-left:24px;}
#main-menu ul li {float:left;padding:9px 0 16px;}
#main-menu ul li.unselected {background:url('/media/images/main-menu-mdl-bgt.png') 0 0 repeat-x;}
#main-menu ul li.unselected-first {background:url('/media/images/main-menu-first-bgt.png') 0 0 no-repeat;padding-left:9px;}
#main-menu ul li.unselected-last {background:url('/media/images/main-menu-last-bgt.png') 100% 0 no-repeat;padding-right:9px;}
#main-menu ul li.selected {background:url('/media/images/main-menu-mdl-sel-bgt.png') 0 0 repeat-x;}
#main-menu ul li.selected span {background:url('/media/images/main-menu-sell-bgt.png') 0 0 no-repeat;float:left;}
#main-menu ul li.selected span a {background:url('/media/images/main-menu-selr-bgt.png') 100% 0 no-repeat;float:left;}
#main-menu ul li.selected-first {background:url('/media/images/main-menu-first-sel-bgt.png') 0 0 no-repeat;padding-left:9px;}
#main-menu ul li.selected-first a {background:url('/media/images/main-menu-selr-bgt.png') 100% 0 no-repeat;}
#main-menu ul li.selected-last {background:url('/media/images/main-menu-last-sel-bgt.png') 100% 0 no-repeat;padding-right:9px;}
#main-menu ul li.selected-last a {background:url('/media/images/main-menu-sell-bgt.png') 0 0 no-repeat;}
#main-menu ul li a {float:left;padding:10px 22px 9px;}

/** PAGE FRAMEWORK
*******************/

#page .std-layout {display:inline;float:left;padding:0 715px 0 0;width:245px;}
#page .std-layout #first-col {display:inline;float:left;width:100%;}
#page .std-layout #second-col {display:inherit;float:left;margin-right:-715px;width:715px;}
#page .std-layout #main-content {float:left;width:470px;}
#page .std-layout #wide-content {float:left;width:700px;}
#page .std-layout #secondary-content {display:inline;float:right;margin-right:15px;width:215px;}
#page .std-layout #top-image {overflow:hidden;width:470px;}
#page .std-layout .text-layout h1 {float:left;overflow:hidden;width:470px;}

/** SUB MENU
*******************/

#sub-menu {font-size:1.08em;margin:0 15px;width:215px;}
#sub-menu h3 {font-weight:bold;line-height:220%;margin:0 0 5px;padding:0 12px;width:191px;}
#sub-menu h3 a {text-decoration:none;}
#sub-menu h3.selected {background:url('/media/images/sub-menu-head-bg.png') 0 0 no-repeat;}
#sub-menu h3.selected a {color:#fff;text-shadow: 1px 1px 1px #0f3703;}
#sub-menu ul {list-style-type:none;margin:0;width:215px;}
#sub-menu ul li {display:inline;float:left;margin:0 0 5px;}
#sub-menu ul li a {display:block;float:left;font-weight:bold;line-height:220%;text-decoration:none;padding:0 12px;width:191px;}
#sub-menu ul li a.selected {background:url('/media/images/sub-menu-head-bg.png') 0 0 no-repeat;color:#fff;text-shadow: 1px 1px 1px #0f3703;}
#sub-menu ul li ul {padding-left:15px;width:200px;}
#sub-menu ul li ul li a {display:block;float:left;font-weight:bold;line-height:143%;text-decoration:none;padding:0 12px;width:176px;}
#sub-menu ul li ul li a.selected {background:#fff;color:#00985f;}

/** RELATED
*******************/

.related-panel {background:url('/media/images/related-bg.png') 0 100% no-repeat;margin:0 0 1em;padding-bottom:14px;}
.related-panel div {background:url('/media/images/related-bg.png') 0 0 no-repeat;color:#fff;padding:14px 15px 0;width:185px;}
.related-panel div h3 {font-size:1.23em;font-weight:bold;line-height:120%;margin:0 0 .5em;}
.related-panel div a {color:#fff;}

/** START PAGE
*******************/

.home-layout {float:left;width:100%;}
.home-layout #flashcontainer {display:inline;float:left;height:265px;overflow:hidden;padding:0 15px;width:930px;}
.home-layout #teaser-row #first-col {background:url('/media/images/start-puff1.png') 0 0 no-repeat;display:inline;float:left;height:251px;padding:15px 0 0 0;margin:15px 0 0 15px;width:300px;}
.home-layout #teaser-row #second-col {background:url('/media/images/start-puff2.png') 0 0 no-repeat;display:inline;float:left;height:251px;padding:15px 0 0 0;margin:15px 0 0 15px;width:300px;}
.home-layout #teaser-row #first-col .img-container,
.home-layout #teaser-row #second-col .img-container {height:212px;overflow:hidden;padding:0 15px;}
.home-layout #teaser-row #third-col {background:url('/media/images/start-puff3.png') 0 0 no-repeat;display:inline;float:left;height:251px;padding:30px 0 0 15px;width:300px;}
.home-layout #teaser-row #third-col .img-container {height:212px;padding:0 0 0 140px;}
.home-layout #teaser-row .heading-container {font-size:1.07em;font-weight:bold;text-align:center;width:300px;}
.home-layout #teaser-row .heading-container a {color:#fff;display:block;float:left;height:29px;padding:10px 0 0;text-decoration:none;width:300px;}
.home-layout #teaser-row .heading-container a:hover {background-position:0 -39px!important;}
.home-layout #teaser-row #first-col .heading-container a {background:url('/media/images/start-puff1-btm.png') 0 0 no-repeat;}
.home-layout #teaser-row #second-col .heading-container a {background:url('/media/images/start-puff2-btm.png') 0 0 no-repeat;}
.home-layout #teaser-row #third-col .heading-container a {background:url('/media/images/start-puff3-btm.png') 0 0 no-repeat;}

/** NEWS LIST
*******************/

.news-list {list-style:none;margin:0;}
.news-list li {border-bottom:1px solid #ccc;padding:0 15px;}
.news-list li .date {color:#666;font-size:80%;}
.news-list li a {text-decoration:none;}
.news-list li .category {color:#205b32;font-size:80%;font-weight:bold;}
.news-list li h4 a {color:#333;font-weight:bold;}
.news-list li h4 a:hover {color:#00985f;}
.news-list li.important {background-color:#cd2027;color:#fff;}
.news-list li.important a {color:#fff;}
.news-list li.important a:hover {color:#000;}
.news-list li.important .date {color:#fff;}
.news-list li.important .category {color:#fff;}

/** FEATURED LIST
*******************/

.featured-list {list-style:none;margin:20px 0 0;width:100%;}
.featured-list li {float:left;margin:0 25px 20px 0;}
#featured-paging {float:left;width:100%;}
#featured-paging a {background-color:#ccc;color:#000;padding:1px 4px;text-decoration:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#featured-paging a.current {background-color:#00985f;color:#fff;}

/** FIND STORE
*******************/

#store-map-area {position:relative;height:485px;width:700px;}
#store-map {height:485px;width:700px;}
#store-search {margin:0 15px;width:215px;}
#store-search .store-search-panel {background:url('/media/images/store-search-bg.png') 0 0 no-repeat;height:35px;margin:0 0 1em;width:215px;}
#store-search .store-search-textbox {background:transparent;border:0;color:#999;padding:9px 5px 0 15px;width:150px;}
#store-search .store-search-button {background:transparent;border:0;color:#fff;}
#store-search #store-result-list {list-style:none;margin:1em 0;}
#store-search #store-result-list li {float:left;font-size:1.08em;font-weight:bold;margin:0 0 .8em;width:100%;}
#store-search #store-result-list li span.position {background:url('/media/images/store-dot-bg.png') 0 0 no-repeat;color:#fff;float:left;font-size:14px;font-weight:bold;height:19px;margin-right:5px;text-align:center;width:19px;}
#store-search #store-result-list li span.first {background:url('/media/images/store-dot-first-bg.png') 0 0 no-repeat;}
#store-search #store-result-list li span.distance {float:right;width:50px;text-align:right;}
#store-search #store-result-list li a {float:left;width:140px;}

#store-map-overlay {background:url('/media/images/map-overlay-bg.png') 0 0 no-repeat;display:none;float:left;height:435px;left:15px;margin:0;padding:15px 15px 5px;position:absolute;top:15px;width:640px;z-index:1000;}
#store-map-overlay a.close {background:url('/media/images/map-overlay-close.png') 0 0 no-repeat;height:19px;position:absolute;right:15px;text-decoration:none;top:15px;width:19px;}

#store-map-overlay #ovl-content {background:#fff;height:435px;overflow:hidden;width:640px;}
#store-map-overlay .ov-info {display:inline;float:left;width:200px;}
#store-map-overlay .ov-intro {display:inline;float:left;padding:0 0 0 15px;width:425px;}

.store-multi-location-list {list-style:none;margin:0;}
.store-multi-location-list li {}

/** XFORM
*******************/

.x-form {background-color:#deebe2;padding:15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.x-form table td {padding:3px;}
.x-form label {display:block;}
.x-form .textbox {border:1px solid #9dc2b0;padding:3px;width:250px;}
.x-form textarea {border:1px solid #9dc2b0;height:60px;padding:3px;width:250px}
.x-form .button {padding:2px;}
.xformvalidator {color:#f00;}

/** CODA SLIDER
*******************/

/* Most common stuff you'll need to change */
.coda-slider-wrapper { padding: 0 }
.coda-slider { background: #fff }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 375px } 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 345px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #00985f; color: #fff; padding: 5px; position:relative;top:100px;width: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px; }
.coda-nav-left a:hover, .coda-nav-right a:hover {background-color:#056133;}
/* Tab nav */
.coda-nav ul li a.current { background: #39c }
/* Panel padding */
.coda-slider .panel-wrapper { padding: 0; text-align:center; }
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; overflow: hidden }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


/** PAGE FOOTER
*******************/

#footer-content {color:#999;margin:0 29px;width:920px;}
#footer-content a {color:#999;}
#footer-content .footer-address {float:left;font-size:.85em;width:500px;}
#footer-content .footer-cr {float:right;font-size:.85em;}