/******************************************************************************/
/* main.css - for all shared elements
/******************************************************************************/
*, html, body { padding: 0; margin: 0; border: 0; }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, 
figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, 
source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

img { border: 0; outline: none; }

a, input:focus, textarea:focus { outline: none; }
a:hover {  }

.blue { color: #1880E2; }
.black { color: #000000; }
.yellow { color: #FFDD29; }
.white { color: #FFFFFF; }
label.error { color: red !important; }

body
{
  font-size: 10px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	background-color: #F5F6F7;
	color: #585858;
	text-align: left;
}

h3
{
  font-weight: normal;
  font-size: 1.8em;
  color: #1880E2;
}

/******************************************************************************/
/* Shared Header
/******************************************************************************/
header
{
  width: 984px;
  height: 130px;
  margin: 15px auto 0;
  overflow: hidden;
  background: url('/images/bgs/header-bg.png') no-repeat;
  position: relative;
}

header h1
{
  display: block;
  width: 268px;
  height: 78px;
  background: url('/images/logos/header-logo.png') no-repeat;
  position: absolute;
  top: 25px;
  left: 20px;
  text-indent: -9999px;
  cursor: pointer;
}

header h2
{
  display: block;
  width: 437px;
  height: 21px;
  background: url('/images/content/head-h2.png') no-repeat;
  position: absolute;
  bottom: 25px;
  right: 33px;
  text-indent: -9999px;
}

#header-flags
{
  display: block;
  width: 235px;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 33px;
}

#header-flags a
{
  float: right;
  display: inline;
  width: 46px;
  height: 30px;
  border: 1px solid #050505;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin-left: 10px;
}

/*************************************************************************************************/
/* Page Navigation Bar
/*************************************************************************************************/
nav
{
  width: 984px;
  overflow: hidden;
  margin: 0 auto 15px;
  position: relative;
}

#nav-left
{
  float: left;
  display: inline;
  width: 33px;
  height: 40px;
  background: url('/images/nav/nav-left.png') no-repeat;
}

#nav-right
{
  float: left;
  display: inline;
  width: 31px;
  height: 40px;
  background: url('/images/nav/nav-right.png') no-repeat;
}

nav .nav-link
{
  float: left;
  display: inline;
  width: 184px;
  height: 40px;  
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
nav .nav-link:hover { background-position: 0 -40px; }
nav .nav-link:active { background-position: 0 -80px; }
nav .active-nav
{
  float: left;
  display: inline;
  width: 184px;
  height: 40px;  
  background-position: 0 -80px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#nav-home { background-image: url('/images/nav/nav-home.png'); }
#nav-about { background-image: url('/images/nav/nav-about.png'); }
#nav-rates { background-image: url('/images/nav/nav-rates.png'); }
#nav-schedule { background-image: url('/images/nav/nav-schedule.png'); }
#nav-contact { background-image: url('/images/nav/nav-contact.png'); }

/*************************************************************************************************/
/* Sign Up Bar
/*************************************************************************************************/
#signup-box
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0px auto 15px;
}

#signup
{
  display: block;
  width: 930px;
  height: 63px;
  padding: 11px 27px 0;
  background: url('/images/bgs/signup-bg.png') no-repeat;
  position: relative;
}

#signup .close
{
  display: block;
  width: 9px;
  height: 9px;
  background: url('/images/buttons/signup-close.png') no-repeat;
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}

#sub-success
{
  display: block;
  width: 828px;
  height: 74px;
  padding: 12px 78px 0;
  background: url('/images/bgs/success-bg.png') no-repeat;
  position: relative;
}

#sub-success .close
{
  display: block;
  width: 9px;
  height: 9px;
  background: url('/images/buttons/success-close.png') no-repeat;
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}

#sub-success img
{
  float: right;
  display: inline;
}

#sub-success h3
{
  float: left;
  display: inline;
  padding-top: 13px;
  line-height: 1em;
}

#signup-form
{
  display: block;
  width: 100%;
  overflow: hidden;
}

#signup-form .signup-labels
{
  float: left;
  display: inline;
  width: 400px;
  height: 49px;
  padding: 6px 0px;
}

#signup-form h3 { line-height: 1em; margin-bottom: 5px; }

#signup-form p
{
  float: left;
  display: inline;
  font-size: 1.5em;
  color: #1880E2;
  line-height: 1.3em;
}

#signup-form .signup-block
{
  float: left;
  display: inline;
  width: 225px;
  height: 61px;
  margin-right: 10px;
}

#signup-form label
{
  display: block;
  color: #1880E2;
  margin-bottom: 1px;
  margin-left: 2px;
}

#signup-form input[type="text"]
{
  display: block;
  width: 214px;
  height: 28px;
  border: 1px solid #E1C221;
  padding: 0 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#signup-form input[type="text"]:focus { border: 1px solid #000000; }

#signup-submit
{
  float: left;
  display: inline;
  width: 47px;
  height: 30px;
  margin-top: 15px;
  background: url('/images/buttons/signup-submit.png') no-repeat 0 0;
  cursor: pointer;
}
#signup-submit:hover { background-position: 0 -30px; }

/*************************************************************************************************/
/* Shared Sections
/*************************************************************************************************/
#slider-box
{
  display: block;
  width: 924px;
  height: 339px;
  margin: 0 auto 15px;
  padding: 25px 30px;
  background: url('/images/bgs/slider-bg.png') no-repeat; 
}

#excellence
{
  float: right;
  display: inline;
  width: 175px;
  height: 245px;
  padding: 30px 15px;
}

#about
{
  float: right;
  display: inline;
  width: 175px;
  height: 305px;
  padding: 0px 15px;
}

#excellence h2, #about h2
{
  font-size: 3em;
  color: #1880E2;
  margin-bottom: 12px;
  font-weight: normal;
  line-height: 1em;
}

#excellence p, #about p
{
  font-size: 1.5em;
  color: #585858;
  margin-bottom: 15px;
  line-height: 1.3em;
}

div.article-box
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0 auto 15px;       
}

div.article-box h3 { margin-bottom: 12px; line-height: 1em; }
div.article-box p 
{
  font-size: 1.3em;
  color: #585858;
  margin-bottom: 13px;
  line-height: 1.3em;
}

div.article-top
{
  display: block;
  width: 984px;
  height: 25px;
  background: url('/images/bgs/article-bg-top.png') no-repeat;
}

div.article-mid
{
  display: block;
  width: 914px;
  overflow: hidden;
  padding: 0 35px;
  background: url('/images/bgs/article-bg-mid.png') repeat-y;
}

div.article-bot
{
  display: block;
  width: 984px;
  height: 18px;
  background: url('/images/bgs/article-bg-bot.png') no-repeat;
}

a.readmore
{
  display: inline;
  color: #1880E2;
  cursor: pointer;
}

p.hiddennews
{
  display: none;
}

/*************************************************************************************************/
/* Rates
/*************************************************************************************************/
#rates
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0 auto 15px;
}

#rates p.price
{
  font-size: 3em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0;
  line-height: 1.3em;  
}

#rates p.detail
{
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  line-height: 1.3em; 
}

#rates p.control-detail
{
  font-size: 1.4em;
  font-weight: normal;
  text-align: right;
  line-height: 1.3em;
  margin-right: 15px; 
}

div.rates-left
{
  float: left;
  display: inline;
  width: 246px;
  overflow: hidden;
}

div.rates-left a
{
  cursor: pointer;
  text-decoration: none;
}

div.rates-left h2
{
  font-size: 3em;
  margin-bottom: 15px;
  color: #000000;
  font-weight: normal;
  line-height: 1em;
}

div.rates-left p
{
  font-size: 15px;
  margin-bottom: 15px;
  line-height: 1.3em;
}

#barrel-rates
{
  display: block;
  width: 220px;
  height: 112px;
  margin-top: 50px;
  padding: 13px 13px;
  background: url('/images/content/barrel-rates.png') no-repeat;
  color: #FFFFFF;
}

div.rates-right
{
  float: right;
  display: inline;
  width: 630px;
  overflow: hidden;
}

#rates-controls
{
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

#rates-controls p
{
  color: #1880E2;
  font-size: 1.4em;
  padding-top: 8px;
  line-height: 1.3em;
}

#toronto-control
{
  width: 126px;
  background-image: url('/images/buttons/toronto-rates.png');
  margin-right: 15px;
}

#montreal-control
{
  width: 87px;
  background-image: url('/images/buttons/montreal-rates.png');
}

#montreal-text { display: none; }

#rates-controls .control
{
  float: left;
  display: inline;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 39px;
}
#rates-controls .inactive:hover { background-position: 0 -39px; cursor: pointer; }
#rates-controls .control:active, #rates-controls .active { background-position: 0 -78px; }

#barrel-rates h3
{
  color: #FFFFFF;
  text-align: center;
  line-height: 1em;
}

div.barrel-row
{
  display: block;
  width: 100%;
  overflow: hidden;
}

div.barrel-city
{
  float: left;
  display: inline;
  width: 147px;
  overflow: hidden;
  margin-right: 10px;
}

div.barrel-city h3 { text-align: center; margin-top: -18px; line-height: 1em; }
div.barrel-city hr 
{
  background-color: #D3D3D3; 
  width: 115px; 
  height: 1px;
  margin: 10px auto 5px; 
}

#rates-toronto
{
  display: block;
  width: 924px;
  height: 457px;
  padding: 24px 30px;
  background: url('/images/bgs/rates-bg-top.png') no-repeat; 
}

#rates-montreal
{
  display: none;
  width: 924px;
  overflow: hidden;
  padding: 40px 30px 0;
  background: url('/images/bgs/rates-bg-mid.png') repeat-y; 
}

#rates-bot
{
  display: block;
  width: 984px;
  height: 30px;
  background: url('/images/bgs/rates-bg-bot.png') no-repeat; 
}

/*************************************************************************************************/
/* Full Container Services
/*************************************************************************************************/
#fullcontainer
{
  display: block;
  width: 924px;
  height: 298px;
  margin: 0 auto 15px;
  padding: 32px 30px;
  background: url('/images/bgs/container-bg.png') no-repeat;
}

#fullcontainer div
{
  float: right;
  display: inline;
  width: 210px;
  height: 250px;
  padding: 20px 15px;
}

#fullcontainer h3 { margin: 10px 0 15px; line-height: 1em; }
#fullcontainer p { font-size: 1.5em; margin-bottom: 15px; line-height: 1.3em; }
#fullcontainer a { color: #1880E2; text-decoration: none; }
#fullcontainer a:hover { text-decoration: underline; }

/*************************************************************************************************/
/* Additional Services
/*************************************************************************************************/
#additional
{
  display: block;
  width: 928px;
  height: 213px;
  margin: 0 auto 15px;
  padding: 18px 28px;
  background: url('/images/bgs/additional-bg.png') no-repeat;
}

#additional h3
{
  margin-left: 2px;
  margin-bottom: 8px;
  line-height: 1em;
}

#additional p
{
  font-size: 1.4em;
  color: #000000;
  text-align: center;
  line-height: 1.3em;
}

#additional div
{
  width: 224px;
  overflow: hidden;  
}

#additional .service-left
{
  float: left;
  display: inline;
  margin-right: 10px;
}

#additional .service-right
{
  float: right;
  display: inline;
}

#additional a
{
  display: block;
  width: 224px;
  height: 164px;
  background-image: url('/images/content/additional.png');
  background-repeat: no-repeat;
  margin-bottom: 4px;  
}

#packaging { background-position: 0 0; }
#crating { background-position: -224px 0; }
#bubble { background-position: 0 -164px; }
#transporting { background-position: -224px -164px; }

/*************************************************************************************************/
/* Four bottom boxes
/*************************************************************************************************/
#sections
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0 auto 15px;
}

#sections h3
{
  margin-bottom: 4px;
  text-align: center;
  line-height: 1.2em;
}

#sections p
{
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.3em;
}

#sections a.section-left { float: left; margin-right: 16px; }
#sections a.section-right { float: right; }

#sections a
{ 
  display: inline;
  width: 210px;
  height: 203px;
  padding: 15px 12px;
  background: url('/images/bgs/sections-bg.png') no-repeat 0 0;
  color: #585858;
  text-decoration: none; 
}
#sections a:hover { background-position: 0 -233px; cursor: pointer; }

/*************************************************************************************************/
/* Pickup Popup
/*************************************************************************************************/
#sched-pickup
{
  display: none;
  width: 860px;
  height: 678px;
  padding: 135px 170px 0;
  background: url('/images/bgs/popup-bg.png') no-repeat;
  position: relative;
  z-index: 9999;
  line-height: 1em;
}

#sched-pickup .close
{
  display: block;
  width: 13px;
  height: 13px;
  background: url('/images/buttons/popup-close.png') no-repeat;
  position: absolute;
  z-index: 10000;
  top: 105px;
  right: 120px;
  cursor: pointer;
}

#sched-pickup-form
{
  display: block;
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}

#sched-pickup-form h2
{
  font-size: 3em;
  color: #000000;
  margin-bottom: 18px;
  font-weight: normal;
  line-height: 1em;
}

#sched-pickup-left
{
  float: left;
  display: inline;
  width: 430px;
  overflow: hidden;
  list-style: none;
}

#sched-pickup-right
{
  float: right;
  display: inline;
  width: 430px;
  overflow: hidden;
  list-style: none;
}

#sched-pickup-form label
{
  display: block;
  color: #1880E2;
  font-size: 12px;
  margin-bottom: 3px;
  line-height: 1em;
}

#sched-pickup-form input[type="text"], #sched-pickup-form textarea
{
  padding: 7px 5px;
  border: 1px solid #DBDBDB;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height: 1em;
}
#sched-pickup-form textarea { width: 398px; height: 86px; }
#sched-pickup-form .ifull { width: 398px; }
#sched-pickup-form .i250 { width: 238px; }
#sched-pickup-form .i140 { width: 128px; }

#sched-pickup-form .d250 { width: 250px; }
#sched-pickup-form .d140 { width: 140px; }

#sched-pickup-form .lefty { float: left; display: inline; }
#sched-pickup-form .righty { float: right; display: inline; margin-right: 20px; }

#sched-pickup-form li
{
  height: 70px;
  font-size: 1.2em;
}
#sched-pickup-form li.textarea { height: 130px; }
#sched-pickup-form li.radio label { margin-bottom: 12px; }

#sched-pickup-form input[type="radio"]
{
  margin-right: 5px;
  vertical-align: bottom;
}

#sched-pickup-form li .input-separator
{
  float: left;
  display: inline;
  width: 105px;
  line-height: 1em;
  padding: 0 1px;
}

#sched-pickup-form .disabled { color: #CCCCCC; }

#sched-pickup-form .tor-islands
{
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 2px;
  margin-bottom: 3px;
}

#sched-pickup-form input[type="text"]:focus,
#sched-pickup-form textarea:focus { border: 1px solid #3E3E3E; }

#sched-pickup-submit
{
  display: block;
  width: 71px;
  height: 24px;
  background: url('/images/buttons/contact-submit.png') no-repeat 0 0;
  position: absolute;
  bottom: 0;
  right: 20px;
  cursor: pointer;
}
#sched-pickup-submit:hover { background-position: 0 -24px; }
#sched-pickup-submit:active { background-position: 0 -48px; }

.pickup-sent-box
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0px auto 15px;
}

.pickup-sent
{
  display: block;
  width: 828px;
  height: 74px;
  padding: 12px 78px 0;
  background: url('/images/bgs/success-bg.png') no-repeat;
  position: relative;
}

.pickup-sent .close
{
  display: block;
  width: 9px;
  height: 9px;
  background: url('/images/buttons/success-close.png') no-repeat;
  position: absolute;
  top: 7px;
  right: 8px;
  cursor: pointer;
}

.pickup-sent img
{
  float: right;
  display: inline;
}

.pickup-sent h3
{
  float: left;
  display: inline;
  padding-top: 13px;
  line-height: 1em;
  margin-left: 40px;
}

/*************************************************************************************************/
/* Shared Footer
/*************************************************************************************************/
footer
{
  display: block;
  width: 956px;
  height: 21px;
  margin: 0 auto 20px;
  padding: 10px 15px;
  overflow: hidden;
  background: url('/images/bgs/footer-bg.png') no-repeat;
  font-size: 1.1em;
  color: #FFFFFF;
}

footer .blue { color: #218FFE; }

#footer-logo 
{
  float: left;
  display: inline;
  width: 62px;
  height: 15px;
  background: url('/images/logos/footer-logo.png') no-repeat;
}

#footer-copyright
{
  float: left;
  display: inline;
  margin-left: 8px;
  text-transform: uppercase;
  padding-top: 1px;
}

#footer-designby
{
  float: right;
  display: inline;
  padding-top: 1px;
}

#footer-designby a
{
  color: #FFFFFF;
}

/*************************************************************************************************/
/* The Nivo Slider styles
/*************************************************************************************************/
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding: 10px; margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*************************************************************************************************/
/* The Nivo Slider default theme
/*************************************************************************************************/
.theme-default #slider 
{
  float: left;
  display: inline;
  width: 700px; /* Make sure your images are the same size */
  height: 300px; /* Make sure your images are the same size */
}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url('/images/slider/loading.gif') no-repeat 50% 50%;
  margin-bottom:50px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url('/images/slider/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('/images/slider/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
  color: #FFFFFF;
  font-size: 1.6em;
}
.theme-default .nivo-caption a {
  color:#FFD503;
  text-decoration: none;
}
.theme-default .nivo-caption a:hover {
  color:#FFD503;
  text-decoration: underline;  
}

/*************************************************************************************************/
/* Calendar
/*************************************************************************************************/
#calendar-box
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0 auto 15px;
}

#calendar-bg
{
  float: left;
  display: inline;
  width: 734px;
  overflow: hidden;
}

#calendar-bg-top
{
  display: block;
  width: 734px;
  height: 20px;
  background: url('/images/bgs/schedule-bg-top.png') no-repeat;
}

#calendar-bg-mid
{
  display: block;
  width: 680px;
  overflow: hidden;
  padding: 0 27px 7px;
  background: url('/images/bgs/schedule-bg-mid.png') repeat-y;
}

#calendar-bg-bot
{
  display: block;
  width: 734px;
  height: 20px;
  background: url('/images/bgs/schedule-bg-bot.png') no-repeat;
}

#calendar-top
{
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

#calendar-top h3 { float: left; display: inline; line-height: 1em; }
#calendar-top p { float: right; display: inline; font-size: 1.4em; line-height: 1.7em; }

.cal-arrow
{
  float: left;
  display: inline;
  width: 6px;
  height: 11px;
  margin: 3px 5px;
  background: url('/images/buttons/cal-arrows.png') no-repeat;
}

#cal-prev { background-position: 0 0; }
#cal-prev:hover { background-position: 0 -11px; }
#cal-next { background-position: -6px 0; }
#cal-next:hover { background-position: -6px -11px; }

table.calendar { margin: 0 auto; border-collapse: collapse; }
tr.calendar-row	{ height: 97px; }

td.calendar-day-head 
{
  background: url('/images/calendar/day-head.png') no-repeat;
  color: #1880E2;
  font-size: 1.1em; 
  text-align: center; 
  width: 97px;
  height: 34px; 
}

td.calendar-day-np, td.calendar-day	
{ 
  padding: 15px 0;
  width: 97px;
  height: 67px; 
  font-size: 11px;
  background: url('/images/calendar/day-no-event.png') no-repeat; 
  position: relative; 
}

td.calendar-day-today	
{ 
  padding: 15px 0;
  width: 97px;
  height: 67px; 
  font-size: 11px;
  background: url('/images/calendar/day-today.png') no-repeat; 
  position: relative; 
}

td.calendar-day-event	
{ 
  padding: 15px 0;
  width: 97px;
  height: 67px; 
  font-size: 11px;
  background: url('/images/calendar/day-event.png') no-repeat; 
  position: relative;
  cursor: pointer; 
}
td.calendar-day-event:hover { background-position: -97px 0; }
td.calendar-day-event:active { background-position: -194px 0; }

td.calendar-day-event-active	
{ 
  padding: 15px 0;
  width: 97px;
  height: 67px; 
  font-size: 11px;
  background: url('/images/calendar/day-event.png') no-repeat -194px 0; 
  position: relative;
  cursor: pointer; 
}

div.day-number
{
  display: block;
  color: #000000;  
  margin: auto; 
  text-align: center;
  font-size: 2em;
  line-height: 1em; 
}

td.calendar-day-event-active div.day-number,
td.calendar-day-event div.day-number
{
  display: block;
  color: #FFFFFF;  
  margin: auto; 
  text-align: center;
  font-size: 2em;
  line-height: 1em; 
}

#calendar-right
{
  float: right;
  display: inline;
  width: 234px;
  overflow: hidden;
}

#shipout-today
{
  display: block;
  width: 210px;
  height: 314px;
  padding: 20px 12px;
  background: url('/images/bgs/shipout-today-bg.png') no-repeat;
  margin-bottom: 16px;
}

#shipout-today p
{
  font-size: 1.4em;
  line-height: 1.3em;
}

#shipout-today h3
{
  margin-bottom: 10px;
  line-height: 1em;
}

#shipout-today-top, #shipout-today-flags
{
  display: block;
  width: 186px;
  overflow: hidden;
  margin: 0 auto 10px;
}

#shipout-today-left
{
  float: left;
  display: inline;
  width: 115px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-left: 12px;
}

.si-hide { display: none; }
.se-hide { display: none; }

#shipout-today-right
{
  float: right;
  display: inline;
  width: 70px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-right: 12px;
}

#shipout-today .shipout-flag
{
  float: left;
  display: inline;
  width: 40px;
  height: 35px;
}
#shipout-today .grey-flag { background-position: 0 0; }
#shipout-today .event-flag { background-position: 0 -35px; }
#shipout-today .event-flag:hover { background-position: 0 -70px; cursor: pointer; }
#shipout-today .active-flag { background-position: 0 -70px; }

#cal-lca { background: url('/images/flags/cal-lca.png') no-repeat; margin-right: 8px; }
#cal-vin { background: url('/images/flags/cal-vin.png') no-repeat; margin-right: 8px; }
#cal-bar { background: url('/images/flags/cal-bar.png') no-repeat; margin-right: 8px; }
#cal-tri { background: url('/images/flags/cal-tri.png') no-repeat; }

#pickup-form 
{ 
  display: block;
  width: 210px;
  height: 203px;
  padding: 15px 12px;
  background: url('/images/bgs/sections-bg.png') no-repeat 0 0; 
}
#pickup-form:hover { background-position: 0 -233px; cursor: pointer; }

#pickup-form h3
{
  margin-bottom: 4px;
  text-align: center;
  line-height: 1em;
}

#pickup-form p
{
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.3em;
}

/*************************************************************************************************/
/* Contact Top
/*************************************************************************************************/
#contact-top, #contact-info-box 
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0 auto 15px;
}

#contact-info-box h3
{
  margin-bottom: 4px;
  text-align: center;
  line-height: 1em;
}

#contact-info-box p
{
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.3em;
}
#contact-info-box p.space { margin-bottom: 15px !important; }

#contact-form
{
  float: left;
  display: inline;
  width: 678px;
  height: 410px;
  padding: 22px 28px;
  background: url('/images/bgs/contact-bg.png') no-repeat;
}

#contact-address
{
  float: right;
  display: inline;
  width: 210px;
  height: 412px;
  padding: 21px 12px;
  background: url('/images/bgs/address-bg.png') no-repeat;
}

#contact-address a
{
  color: #585858;
  text-decoration: none;
}

#contact-address p.title
{
  font-size: 1.5em;
  color: #1880E2;
  margin: 10px 0 7px 12px;
  line-height: 1em;
}

#contact-address p
{
  font-size: 1.4em;
  margin-left: 12px;
  margin-bottom: 7px;
  line-height: 1em;
}

#contact-address img
{
  margin-bottom: -20px;
}

#contact-info-lca
{
  float: left;
  display: inline;
  width: 210px;
  height: 386px;
  padding: 14px 12px;
  background: url('/images/bgs/contact-lca.png') no-repeat;
}

#contact-info
{
  float: right;
  display: inline;
  width: 734px;
  overflow: hidden;
}

#contact-info-top
{
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;  
}

#contact-info-vin, #contact-info-bar
{
  float: left;
  display: inline;
  width: 210px;
  height: 298px;
  padding: 14px 12px;
  margin-right: 16px;
  background: url('/images/bgs/contact-agent.png') no-repeat;
}

#contact-info-tri
{
  float: right;
  display: inline;
  width: 198px;
  height: 298px;
  padding: 14px 18px;
  background: url('/images/bgs/contact-agent.png') no-repeat;
}

#contact-success
{
  display: block;
  width: 694px;
  height: 50px;
  padding: 24px 20px 0;
  background: url('/images/bgs/contact-success-bg.png') no-repeat;
  position: relative;
}

#contact-signup-form
{
  display: block;
  width: 694px;
  height: 61px;
  padding: 13px 20px 0;
  background: url('/images/bgs/contact-signup-bg.png') no-repeat;
  position: relative;
}

#contact-signup-form p
{
  float: left;
  display: inline;
  width: 200px;
  height: 44px;
  font-size: 1.5em;
  color: #1880E2;
  padding: 6px 0;
  line-height: 1.3em;
  text-align: left;
}

#contact-signup-form .signup-block
{
  float: left;
  display: inline;
  width: 205px;
  height: 61px;
  margin-left: 10px;
}

#contact-signup-form label
{
  display: block;
  color: #1880E2;
  margin-bottom: 1px;
  margin-left: 2px;
  line-height: 1em;
}

#contact-signup-form input[type="text"]
{
  display: block;
  width: 194px;
  height: 28px;
  border: 1px solid #E1C221;
  padding: 0 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height: 1em;
}

#contact-signup-form input[type="text"]:focus { border: 1px solid #000000; }

#contact-signup-submit
{
  float: left;
  display: inline;
  width: 47px;
  height: 30px;
  margin-top: 11px;
  margin-left: 15px;
  background: url('/images/buttons/signup-submit.png') no-repeat 0 0;
  cursor: pointer;
}
#contact-signup-submit:hover { background-position: 0 -30px; }

#contact-desc
{
  float: left;
  display: inline;
  width: 206px;
  height: 400px;
}
#contact-desc h3 { margin: 18px 0 5px; line-height: 1em; }
#contact-desc p.top
{
  font-size: 1.5em;
  margin-bottom: 5px;
  line-height: 1.4em;
}

#contact-desc p
{
  font-size: 1.4em;
  margin-bottom: 5px;
  line-height: 1.5em;
}

#contact-desc h2
{
  font-size: 3em;
  margin-bottom: 15px;
  color: #000000;
  font-weight: normal;
  line-height: 1em;
}

#contact-fields
{
  float: right;
  display: inline;
  width: 414px;
  height: 400px;
  list-style: none;
}

#contact-fields li
{
  min-height: 58px;
}

#contact-fields label
{
  display: block;
  color: #1880E2;
  margin-bottom: 1px;
  margin-left: 2px;
  line-height: 1em;
}

#contact-fields input[type="text"]
{
  display: block;
  height: 28px;
  border: 1px solid #B0B0B1;
  padding: 0 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#contact-fields input.medium { width: 296px; }
#contact-fields input.long { width: 404px; }

#contact-fields input[type="text"]:focus, #contact-fields textarea:focus { border: 1px solid #000000; }

#contact-fields textarea
{
  display: block;
  width: 404px;
  border: 1px solid #B0B0B1;
  padding: 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#contact-form-submit
{
  float: left;
  display: inline;
  width: 71px;
  height: 24px;
  margin-top: 10px;
  background: url('/images/buttons/contact-submit.png') no-repeat 0 0;
  cursor: pointer;
}
#contact-form-submit:hover { background-position: 0 -24px; }
#contact-form-submit:active { background-position: 0 -48px; }

/*************************************************************************************************/
/* Admin Pages
/*************************************************************************************************/
#admin-page
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 0px auto 15px;
  color: #000000;
}

#admin-page h2
{
  text-align: center;
  font-size: 1.8em;
}

#admin-page h3
{
  text-align: left;
  font-size: 1.4em;
  margin-bottom: 10px;
}

#adminnav
{
  display: block;
  width: 984px;
  overflow: hidden;
  margin: 10px auto;
}

#adminnav a
{
  color: red;
  font-size: 1.3em;
  text-decoration: none;
}
#adminnav a:hover { text-decoration: underline; }

div.admin-pages a
{
  color: black;
  font-size: 1.1em;
  text-decoration: none;
}
div.admin-pages a:hover { text-decoration: underline; }

table.admin
{
  display: block;
  width: 100%;
  margin: 10px auto;
  border-collapse: collapse;
  font-size: 1.3em;
}

table.admin th
{
  background-color: #555555;
  color: white;
  padding: 5px;
  border: 1px solid #888888;
}

table.admin td { padding: 5px; border: 1px solid #DDDDDD; }
table.admin tr.content:hover { background-color: #CCCCCC; cursor: default; }

#admin-page ul
{
  list-style: none;
}
#admin-page li
{
  margin-bottom: 15px;
}

#admin-page label
{
  display: block;
  font-size: 1.2em;
  margin-bottom: 3px;
  font-weight: bold;
}

#admin-page input[type="text"],
#admin-page textarea
{
  display: block;
  border: 1px solid #E1C221;
  padding: 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#admin-page input[type="text"]:focus { border: 1px solid #000000; }
#admin-page textarea:focus { border: 1px solid #000000; }

#admin-page input[type="submit"]
{
  display: block;
  width: 71px;
  height: 24px;
  background: url('/images/buttons/contact-submit.png') no-repeat 0 0;
  cursor: pointer;
}
#admin-page input[type="submit"]:hover { background-position: 0 -24px; }
#admin-page input[type="submit"]:active { background-position: 0 -48px; }

#admin-page .update-success
{
  font-size: 1.2em;
}

#admin-page .admin_links { margin-top: 15px; }
#admin-page .admin_links a
{
  color: red;
  font-size: 1.3em;
  text-decoration: none;
}
#admin-page .admin_links a:hover { text-decoration: underline; }

#admin-page label.error { font-size: 10px; }
#ship_date { margin-bottom: 10px; }
/*************************************************************************************************/
/* Admin Date Input
/*************************************************************************************************/
/* the input field */
.date {
	border:1px solid #ccc;
	font-size:18px;
	padding:4px;
	text-align:center;
	width:194px;
	
	-moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url('/images/buttons/prev.gif') no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url('/images/buttons/next.gif');
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}