@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

ul li {
  background: none;
  padding: 0 0 10px 19px;
}

#centre-column ul li {
  background: url(/img/subpage-body-ul-li.gif) top left no-repeat;
}


body#thebody {
  background: url(/img/site_bg.png) repeat-x #910018;
  text-align: center;
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  background: url(/img/site-container-bg.gif) bottom no-repeat #ffffff;
  margin: 0px auto 0px auto;
  position: relative;
  top: 21px;
  padding: 0;
  width: 910px;
}

.noshow,
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}


/*
 * Header
 */

div#site-container div#header {
  overflow: hidden;
  background: url(/img/header_bg.png) no-repeat;
  margin: 0 0 15px 0;
  padding: 19px 34px 12px 28px;
  height: 81px;
}

#header #calor-logo {
  float: left;
  margin-top: 8px;
}

#header #header-my-calor {
  float: right;
  background: url(/img/header_my_calor.png) no-repeat;
  width: 152px;

}

#header #header-my-calor a {
  color: #ffffff;
  text-decoration: none;
}

#header #header-my-calor a.first {
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.5em;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 152px;
  height: 42px;
}

#header #header-my-calor a.last {
  font-size: 1.3em;
  font-family: arial,helvetica,sans-serif;

  display: block;
  padding: 6px 0 0 12px;
}

#header #header-my-calor a.last span {
  display: inline-block;
  width: 14px;
  background: url(/img/header_my_calor_bullitt.gif) no-repeat right center;
}

/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  padding: 0 11px 0 11px;

}


/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  margin-right: 10px;
  width: 187px;
}

div#page-content div#left-column div.navctr {
 display: inline-block;
}

div#page-content div#left-column div.navctr {
  overflow: hidden;
  display: block;
  padding-bottom: 9px;
  margin-bottom: 10px;
}

div#page-content div#left-column div.safety {
  border-bottom: none;
  margin-bottom: 0;
}


div#page-content div#left-column ul.sitenav {
  font-weight: bold;
  border: 1px solid #dddddd;
  font-size: 1.1em;
  list-style: none;
  display: inline-block;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}




div#page-content div#left-column ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

div#page-content div#left-column ul.sitenav li a {
  color: #3f3f3f;
  text-decoration: none;
  /* background: url(/img/left_a.gif) center;*/
  background-color: #ffffff;
  display: block;
}

div#page-content div#left-column ul.sitenav li a:hover {
  color: #e10025;
}

div#page-content div#left-column ul.sitenav li a.current {
  color: #ffffff;
  //background: url(/img/left_a_current.png) center;
  background: #e10025;
}

div#page-content div#left-column ul.sitenav li span {
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  padding: 4px 28px 4px 10px;
}

div#page-content div#left-column ul.sitenav li.first a span {
  /* background: url(/img/left_a_first.gif) no-repeat; */
}
div#page-content div#left-column ul.sitenav li.first a.current span {
 /* background: url(/img/left_a_first_current.gif) no-repeat; */

}

div#page-content div#left-column ul.sitenav li.last a span {
  /* background: url(/img/left_a_last.gif) bottom no-repeat; */
  border-bottom: none;
}

div#page-content div#left-column ul.sitenav li.last a.current span {
 /* background: url(/img/left_a_last_current.gif) bottom no-repeat;*/
  border-bottom: none;
}


div#page-content div#left-column ul.subnav {
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  list-style: none;
  list-style: none;
  margin: 0;
  padding: 0;

}


div#page-content div#left-column ul.subnav li a {
  color: #3f3f3f;
  text-decoration: none;
  display: block;
}

div#page-content div#left-column ul.subnav li a span {
  padding-left: 20px;
}

div#page-content div#left-column div#left-phone {
  /*background: url(/img/left_phone_bg.png) bottom no-repeat;*/
  padding-bottom: 14px;
  margin: 0;
}

div#page-content div#left-column div#left-phone img {
  display: block;
}

div#page-content div#left-column div#left-phone div#phone-inner {
  color: #ffffff;
  background: url(/img/left_phone_inner_bg.png) bottom no-repeat;
  padding: 12px;
  margin: 0;
  width: 163px;
}


div#page-content div#left-column div#left-phone div#phone-inner h3 {
  font-family: arial, verdana, sans-serif;
  font-weight: normal;
  font-size: 1.3em;
  color: #ffffff;
}

div#page-content div#left-column div#left-phone div#phone-inner div#numbers {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.6em;

}

div#page-content div#left-column div#left-phone div#phone-inner a {
  color: #ffffff;
}



/*
 *
 */


div#left-column p {
  padding: 12px;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  width: 492px;
}


div#page-content div#centre-column #site-editor-full-container {
  width: 490px;
}
div#page-content div#centre-column #site-editor-h2-ctr {
  background: url(/img/site-editor-h2-ctr.gif) no-repeat;
  margin: 0;
  padding: 15px 0 0 0;
}

div#page-content div#centre-column #site-editor-h2-ctr h2 {
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  padding: 2px 15px 19px 15px;
  margin: 0;
}

div#page-content div#centre-column img#topimg {
  display: block;
  margin: 0;
  padding: 0;
}

div#page-content div#centre-column #site-editor-outer {
  display: inline-block;
}

div#page-content div#centre-column #site-editor-outer {
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0 0 9px 0;
  background: url(/img/site-editor-outer-ctr.gif) bottom left no-repeat;
}

div#page-content div#centre-column #site-editor-inner {
  float: left;
  overflow: hidden;
  border-left: 2px solid #e6e6e6;
  border-right: 2px solid #e6e6e6;
  padding: 12px 9px 0 9px;
  margin: 0;
  width: 468px;
}

div#page-content div#centre-column p.summary {
  font-weight: bold;
}

/*
 * Right Column
 */

div#page-content div#right-column {
  float: right;
  width: 195px;
}



div#page-content div#right-column #right-lpg ul {
  margin: 0;
  padding: 0 5px 0 5px;
}

div#page-content div#right-column #right-lpg ul li {
  margin: 0;
  padding: 0;
  float: left;
}

div#page-content div#right-column #right-lpg ul li.right {
  float: right;
}

div#page-content div#right-column #right-lpg ul li.full {
  float: none;
  clear: both;
  width: 173px;
  padding-top: 10px;
  margin: 0 auto 0 auto;
}

div#page-content div#right-column h2,
div#page-content div#right-column h3,
div#page-content div#right-column h4 {
  color: #ffffff;
}

div#page-content div#right-column ul.gradient {
  list-style: none;
  background: url(/img/right_gradient_ul.gif);
  margin: 0;
  padding: 0;
  width: 100%;
}

div#page-content div#right-column ul.gradient h3 {
  color: #000000;
}

div#page-content div#right-column ul.gradient li {
  padding: 0 0 12px 12px;
}

div#page-content div#right-column ul.gradient li a {
  display: block;
  color: #3f3f3f;
  text-decoration: none;
}

div#page-content div#right-column ul.gradient li h3 a {
  padding: 8px 0 8px 0;
}

div#page-content div#right-column ul.gradient li p {
  margin: 0;
  padding: 0;
}

div#page-content div#right-column ul.gradient li.first {
  background: url(/img/right_gradient_ul_li_first.png) no-repeat;
  padding-top: 10px;
}

div#page-content div#right-column ul.gradient li.last {
  background: url(/img/right_gradient_ul_li_last.png) bottom no-repeat;
  padding-bottom: 10px;
}

div#page-content div#right-column ul.gradient li ul.avl {
  display: inline-block;
}

div#page-content div#right-column ul.gradient li ul.avl {
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

div#page-content div#right-column ul.gradient li ul.avl li a {
  background: url(/img/right-li-blue-a.gif) center left no-repeat;
  padding-left: 18px;
  color: #007ac6;
}

div#page-content div#right-column div#right-phone {
  background: url(/img/right_phone_bg.png) bottom no-repeat;
  padding-bottom: 14px;
  margin: 0;
}

div#page-content div#right-column div#right-phone img {
  display: block;
}

div#page-content div#right-column div#right-phone div#phone-inner {
  color: #ffffff;
  background: url(/img/right_phone_inner_bg.png) bottom no-repeat;
  padding: 12px 12px 0 12px ;
  margin: 0;
}

div#page-content div#right-column div#right-phone div#phone-inner h3 {
  font-family: arial, verdana, sans-serif;
  font-weight: normal;
  font-size: 1.3em;

}

div#page-content div#right-column div#right-phone div#phone-inner div#numbers {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.6em;

}

div#right-column p {
  padding: 12px;
}

/* div#right-column div
right_phone_inner_bg.png
*/

/*
 * Footer
 */

div#footer-outer {
  clear: both;
  padding: 10px 10px 2px 10px;
}

div#footer-outer a {
  color: #3f3f3f;
  text-decoration: none;
}

div#site-container div#footer {
  display: inline-block;
}

div#site-container div#footer {
  overflow: hidden;
  display: block;
  background: url(/img/footer.gif) bottom no-repeat;
  overflow: hidden;
  padding: 0 0 9px 0;
  margin-bottom: 10px;
}

#footer-inner {
  background: url(/img/footer-inner.gif) no-repeat;
  display: inline-block;
  overflow: hidden;
  display: block;
  padding: 9px 13px 0 13px;

}

div#site-container div#footer div#ftr-copyright {
  float: left;
  width: 45%;

}

div#site-container div#footer div#ftr-privacy {
  float: right;
  width: 45%;
  text-align: right;
}

/*
 * Tibus Strapline
 */

div#tibus-strapline {
  width: 890px;
  text-align: right;
  overflow: hidden;
  padding: 0 12px 0 12px;
  margin: 0 auto 0 auto;
  color: #999999;
}

div#tibus-strapline a {
  color: #999999;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}

/*
 * Standard Item List
 */

ul#module-list,
ul#module-list-categories {
  float: none;
  clear: both;
  margin: 5px 0 0 0;
  padding: 0;
  background: none !important;
}

ul#module-list-categories li,
ul#module-list li {
  background: none;
  display: inline-block;
  overflow: hidden;
  display: block;
  margin: 10px 0  0 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #920018;
}

ul#module-list li h3 {
  margin: 0;
  padding: 0;
}

ul#module-list li address {
  font-style: normal;
}

ul#module-list-categories li.last,
ul#module-list li.last {
  border-bottom: none;
}

ul#module-list li div.text {
  float: right;
  width: 365px;
}

ul#module-list li div.extras {
  float: none;
  clear: both;
}

ul#module-list li div.extras p {
  margin: 5px 0 0 0;
  padding: 0;
}

ul#module-list li div.extras p span.label {
  text-align: right;
  font-weight: bold;
  float: left;
  padding-right: 14px;
  width: 90px;
}

div.module-paging {
  text-align: center;
  font-size: 1.3em;
  line-height: 1.5em;
}

div.module-paging span.current,
div.module-paging a {
  font-weight: bold;
}

ul#module-list-categories ul.module-list-inner li {
  border-bottom: 1px solid #dddddd;
}

ul#module-list-categories ul.module-list-inner li.last {
  border-bottom: none;
}

div#modulenav {
  display: inline-block;
  overflow: hidden;
}

div#modulenav {
  display: block;
  line-height: 22px;
}

div.modulenav a {
  display: block;
  background: url(/img/news-archive-left.gif) no-repeat;
  color: #ffffff;
  width: auto;
  float: left;
  line-height: 22px;
  margin: 0 auto 10px 0;
  padding: 0 0 0 8px;


}

div.modulenav a span {
  display: block;
  background: url(/img/news-archive-right.gif) no-repeat top right;
  padding: 0 8px 0 0;
}

ul#subpages {
  float: none;
  clear: both;
  list-style: none;
  margin: 10px 0 0 0 !important;
  padding: 0  !important;
 }
#site-editor-outer ul#subpages,
#centre-column ul#subpages li,
ul#subpages li {
    background: none;
   display: inline-block;
   overflow: hidden;
   display: block;
   margin: 0 0 10px 0  !important;
   padding: 0 0 10px 0  !important;

 }

 ul#subpages li div.text {
  float: right;
  background: url(/img/landing_base_text.gif);
  padding: 10px 10px 0 10px;
  width: 380px;
  height: 72px;
 }

 ul#subpages li div.text a {
  color: #666666;
  text-decoration: none;
}

ul#subpages li div.text h3 a span {
  background: url(/img/landing-base-h3-span.gif) center right no-repeat;
  display: inline-block;
  width: 17px;
}

#centre-column div.errors {
  padding: 10px 0 10px 0;
}

#centre-column div.errors ul li {
  padding: 0 !important;
  font-size: 1.2em;
  background: none !important;
  color: #880000 !important;
}