/* Tucker Advisory Group CSS Template */

/* Reset default positioning values */
@import "reset.css";


/*************** Layout */

html {
  background: #0f0f0f url('../image/bg.jpg') center top no-repeat;
}

div.wrapper {
  width: 100%;
  height: auto;
  margin: 0px auto;
  color: #666666;
  overflow: hidden;
  position: relative;
  font-family: tahoma, verdana, sans-serif;
  font-size: 12px; 
  line-height: 16px;
}

div.shadowTop {
  width: 100%;
  height: 6px;
  font-size: 1px;
  line-height: 1px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: url('../image/shadow_top.png') repeat-x;
}

div.shadowBottom {
  width: 100%;
  height: 6px;
  font-size: 1px;
  line-height: 1px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: url('../image/shadow_bottom.png') repeat-x;
}

/*************** Header */

#headerWrapper {
  margin: 14px auto 14px auto;
}

#header {
  width: 768px;
  height: auto;
  margin: 0px auto;
  overflow: hidden;
}

#logo {
  float: left;
  display: block;    
  width: 251px;
  height: 56px;
  margin: 13px 0px 13px 8px;
  padding: 0px;
}

#logo img {
  display: block;
  width: 251px;
  height: 56px;
  margin: 0px;
  padding: 0px;
}

/*************** Internal Header (Brokers) */

#headerInternal {
  width: 768px;
  height: auto;
  margin: 0px auto;
  position: relative;
}

#headerInternal img.top {
  float: right;
}

/*************** Internal Header (Advisors) */

#headerWide {
  width: 992px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#headerWide img.top {
  float: right;
}

/*************** Nav */

#navWrapper {
  background: url('../image/nav_bg.jpg') center repeat-x;
}

#nav {
  width: 752px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#nav img {
  margin: 0px;
  padding: 0px;
  display: block;
}

#nav a, 
#nav a:link, 
#nav a:visited,
#nav span {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px 6px;
  text-align: center;
  font-family: georgia, serif;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 28px;
  color: #ffffff;
  text-decoration: none;
}

#nav a.here:link,
#nav a.here:visited,
#nav a.here:hover,
#nav a.here:active,
#nav a:hover, 
#nav a:active {
  color: #ffffff;
  background: #b05d44;
}

#nav a.broker:link,
#nav a.broker:visited,
#nav a.broker:hover,
#nav a.broker:active {
  margin-right: 69px;
}

p#login {
  float: right;
  display: inline;
  width: 410px;
  margin: 0px;
  text-align: right;
  color: #ffffff;
  font-family: georgia, serif;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 28px;
}

p#login input.text {
  float: left;
  display: inline;
  width: 96px;
  height: 16px;
  padding: 3px 1px 0px 3px;
  margin: 5px 2px 0px 0px;
  border: 0px;
  font-family: tahoma, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  color: #ffffff;
  background: url('../image/nav_input.gif');
}

p#login input.image {
  float: left;
  display: inline;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

p#login img {
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
}

/*************** SubNav */

#subNavWrapper {
  background: url('../image/subnav_bg.jpg') center repeat-x;
}

#subNav {
  width: 752px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#subNav img {
  margin: 0px;
  padding: 0px;
  display: block;
}

#subNav a, 
#subNav a:link, 
#subNav a:visited {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px 6px;
  text-align: center;
  font-family: georgia, serif;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 28px;
  color: #ffffff;
  text-decoration: none;
}

#subNav a.here:link,
#subNav a.here:visited,
#subNav a.here:hover,
#subNav a.here:active,
#subNav a:hover, 
#subNav a:active {
  color: #ffffff;
  background: url('../image/subnav_bg_hover.jpg') top repeat-x;
}

/*************** Nav (Advisor) */

#navWide {
  width: 976px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#navWide img {
  margin: 0px;
  padding: 0px;
  display: block;
}

#navWide a, 
#navWide a:link, 
#navWide a:visited {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px 12px;
  text-align: center;
  font-family: georgia, serif;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 28px;
  color: #ffffff;
  text-decoration: none;
}

#navWide a.here:link,
#navWide a.here:visited,
#navWide a.here:hover,
#navWide a.here:active,
#navWide a:hover, 
#navWide a:active {
  color: #ffffff;
  background: #b05d44;
}

#subNavWide {
  width: 976px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
}

#subNavWide img {
  margin: 0px;
  padding: 0px;
  display: block;
}

#subNavWide a, 
#subNavWide a:link, 
#subNavWide a:visited {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px 12px;
  text-align: center;
  font-family: georgia, serif;
  font-size: 15px;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 28px;
  color: #ffffff;
  text-decoration: none;
}

#subNavWide a.here:link,
#subNavWide a.here:visited,
#subNavWide a.here:hover,
#subNavWide a.here:active,
#subNavWide a:hover, 
#subNavWide a:active {
  color: #ffffff;
  background: url('../image/subnav_bg_hover.jpg') top repeat-x;
}


/*************** Video */

#videoWrapper,
#videoWrapperSmall {
  width: 768px;
  height: 1px;
  margin: 0px auto;
  z-index: 400;
  position: relative;
}

#videoWrapperBig {
  width: 992px;
  height: 1px;
  margin: 0px auto;
  z-index: 400;
  position: relative;
}

#video {
  position: absolute;
  display: block;
  top: -29px;
  left: 530px;
  width: 200px;
  height: 280px;
  overflow: hidden;
}

#videoWrapperBig #video {
  position: absolute;
  display: block;
  top: -139px;
  left: 810px;
  width: 200px;
  height: 232px;
  overflow: hidden;
}

#videoWrapperSmall #video {
  position: absolute;
  display: block;
  top: -139px;
  left: 580px;
  width: 200px;
  height: 232px;
  overflow: hidden;
}

/*************** Content */

div.pattern {
  background: center url('../image/pattern.gif');
}

div.content {
  width: 768px;
  height: auto;
  margin: 0px auto;
  padding: 6px 0px;
  background: none;
  overflow: hidden;
}

div.contentWide {
  width: 992px;
  height: auto;
  margin: 0px auto;
  padding: 6px 0px;
  background: none;
  overflow: hidden;
}

/*************** Homepage */

img.home {
  float: left;
  display: block;
}

img.login {
  margin: 10px 0px 0px 20px;
}

div.shield {
  width: 768px;
  height: 1px;
  margin: 0px auto;
  z-index: 200;
  position: relative;
}

div.shield img {
  float: right;
  position: absolute;
  top: 11px;
  left: 520px;
  z-index: 200;
}

/*************** Content (Big Bucket/Brokers) */

div.bucketBig {
  float: left;
  display: inline;
  width: 588px;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
}

div.bucketBig div.top {
  float: left;
  display: inline;
  width: 588px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_big_top.png') top no-repeat;
}

div.bucketBig div.middle {
  float: left;
  display: inline;
  width: 538px;
  height: auto;
  padding: 15px 25px 5px 25px;
  margin: 0px;
  background: url('../image/bucket_big_bg.png') repeat-y;
}

div.bucketBig div.bottom {
  float: left;
  display: inline;
  width: 588px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_big_bottom.png') bottom no-repeat;
}

div.middle.bigFont p,
div.middle.bigFont div.list ul li,
div.middle.bigFont blockquote {
  font-size: 14px;
  line-height: 18px;
}

/*************** Content (Full Bucket/Brokers) */

div.bucketFull {
  float: left;
  display: inline;
  width: 768px;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
}

div.bucketFull div.top {
  float: left;
  display: inline;
  width: 768px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_full_top.png') top no-repeat;
}

div.bucketFull div.middle {
  float: left;
  display: inline;
  width: 718px;
  height: auto;
  padding: 15px 25px 5px 25px;
  margin: 0px;
  background: url('../image/bucket_full_bg.png') repeat-y;
}

div.bucketFull div.bottom {
  float: left;
  display: inline;
  width: 768px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_full_bottom.png') bottom no-repeat;
}

/*************** Content (Bucket/Advisors) */

div.contentWide div.bucket {
  float: left;
  display: inline;
  width: 610px;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
}

div.contentWide div.bucket div.top {
  float: left;
  display: inline;
  width: 641px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_wide_top.png') top no-repeat;
}

div.contentWide div.bucket div.middle {
  float: left;
  display: inline;
  width: 591px;
  height: auto;
  padding: 15px 25px 5px 25px;
  margin: 0px;
  background: url('../image/bucket_wide_bg.png') repeat-y;
}

div.contentWide div.bucket div.bottom {
  float: left;
  display: inline;
  width: 641px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_wide_bottom.png') bottom no-repeat;
}

/*************** Content (Big Bucket/Advisors) */

div.contentWide div.bucketBig {
  float: left;
  display: inline;
  width: 812px;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
}

div.contentWide div.bucketBig div.top {
  float: left;
  display: inline;
  width: 812px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_big_wide_top.png') top no-repeat;
}

div.contentWide div.bucketBig div.middle {
  float: left;
  display: inline;
  width: 762px;
  height: auto;
  padding: 15px 25px 5px 25px;
  margin: 0px;
  background: url('../image/bucket_big_wide_bg.png') repeat-y;
}

div.contentWide div.bucketBig div.bottom {
  float: left;
  display: inline;
  width: 812px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_big_wide_bottom.png') bottom no-repeat;
}

div.contentWide div.bucketBig h1,
div.contentWide div.bucketBig h2,
div.contentWide div.bucketBig h3,
div.contentWide div.bucketBig h4,
div.contentWide div.bucketBig p, 
div.contentWide div.bucketBig div.list {
  width: 762px;
  margin: 0px 0px 10px 0px;
}

/*************** Content (Small Bucket/Client Side) */

div.content div.bucket {
  float: left;
  display: inline;
  width: 412px;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
}

div.content div.bucket div.top {
  float: left;
  display: inline;
  width: 412px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_top.png') top no-repeat;
}

div.content div.bucket div.middle {
  float: left;
  display: inline;
  width: 362px;
  height: auto;
  padding: 15px 25px 5px 25px;
  margin: 0px;
  background: url('../image/bucket_bg.png') repeat-y;
}

div.content div.bucket div.bottom {
  float: left;
  display: inline;
  width: 412px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/bucket_bottom.png') bottom no-repeat;
}

div.content div.bucket div.middle blockquote {
  width: 311px;
}

div.contentWide div.bucket div.middle h1,
div.contentWide div.bucket div.middle h2,
div.contentWide div.bucket div.middle h3,
div.contentWide div.bucket div.middle h4,
div.contentWide div.bucket div.middle p, 
div.contentWide div.bucket div.middle div.list {
  width: 591px;
}

div.contentWide div.bucket div.middle blockquote {
  width: 571px;
}

div.contentWide div.bucket div.middle div.half h1,
div.contentWide div.bucket div.middle div.half h2,
div.contentWide div.bucket div.middle div.half h3,
div.contentWide div.bucket div.middle div.half h4,
div.contentWide div.bucket div.middle div.half p, 
div.contentWide div.bucket div.middle div.half div.list {
  width: 100%;
}

/*************** Advisor Homepage */

div.message {
  float: left;
  display: inline;
  width: 762px;
  height: 34px;
  line-height: 34px;
  margin: 0px 0px 12px 0px;
  color: #ffffff;
  text-align: center;
  background: url('../image/advisor_message.jpg') no-repeat;
}

div.contentWide div.bucketBig div.third {
  width: 244px;
  margin: 0px;
  padding: 0px 15px 0px 0px;
}

div.contentWide div.bucketBig div.third.last {
  width: 244px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

div.contentWide div.third div.bucket {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 12px 0px;
}

div.contentWide div.bucketBig div.third h1,
div.contentWide div.bucketBig div.third h2,
div.contentWide div.bucketBig div.third h3,
div.contentWide div.bucketBig div.third h4,
div.contentWide div.bucketBig div.third p{
  width: 244px;
  margin: 0px;
}

div.contentWide div.bucket div.third p.marginTop,
div.contentWide div.bucketBig div.third p.marginTop {
  margin: 6px 0px 0px 0px;
}

div.contentWide div.bucketBig div.third p.list {
  width: 234px;
  padding: 5px;
  border-bottom: solid 1px #cccccc;
}

div.contentWide div.bucketBig div.third p.list.grey {
  color: #666666;
  background: #eeeeee;
}

div.contentWide div.bucketBig div.third p.list span.floatLeft {
  width: 105px;
  margin: 0px;
  padding: 0px;
}

div.contentWide div.bucketBig div.third p.list span.floatRight {
  text-align: right;
  width: 105px;
  margin: 0px;
  padding: 0px;
}

div.contentWide div.bucketBig div.third div.bucket h2 img.floatRight {
  display: block;
  border: 0px;
  margin: 4px 0px 0px 4px;
  padding: 0px;
}

div.contentWide div.bucketBig div.third div.bucket h2 span.floatRight {
  margin: 0px;
  padding: 0px;
}

span#usa {
  float: right;
  display: inline;
  width: 152px;
  height: 95px;
  background: url('../image/usa.jpg') no-repeat;
}

div.contentWide div.bucket div.third h1,
div.contentWide div.bucket div.third h2,
div.contentWide div.bucket div.third h3,
div.contentWide div.bucket div.third h4,
div.contentWide div.bucket div.third p,
div.contentWide div.bucket div.third div.list {
  width: 174px;
}

div.contentWide div.bucket div.twoThirds {
  width: 375px;
  padding: 0px;
}

div.contentWide div.bucket div.twoThirds h1,
div.contentWide div.bucket div.twoThirds h2,
div.contentWide div.bucket div.twoThirds h3,
div.contentWide div.bucket div.twoThirds h4,
div.contentWide div.bucket div.twoThirds p,
div.contentWide div.bucket div.twoThirds div.list {
  width: 100%;
}

div.contentWide div.bucket div.twoThirds blockquote {
  float: right;
  width: 320px;
  padding: 20px;
  margin: 0px;
}

div.contentWide div.bucket div.twoThirds blockquote h3 {
  width: 320px;
}


p.glossary {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: solid 1px #999999;
}

p.glossary a:link,
p.glossary a:visited {
  color: #666666;
  text-decoration: none;
  margin: 0px 7px 0px 0px;
}

p.glossary a:hover,
p.glossary a:active {
  color: #333333;
  text-decoration: underline;
}

p.glossary a.here:link,
p.glossary a.here:visited,
p.glossary a.here:hover,
p.glossary a.here:active {
  color: #3399cc;
  text-decoration: underline;
}

div.bucket img.floatLeft,
div.bucketBig img.floatLeft {
  display: block;
  border: solid 1px #666666;
  margin: 0px 10px 10px 0px;
}

div.bucket img.floatRight,
div.bucketBig img.floatRight {
  display: block;
  border: solid 1px #666666;
  margin: 0px 0px 10px 10px;
}

div.bucket img.floatLeft.noBorder,
div.bucketBig img.floatLeft.noBorder {
  border: 0px;
}

div.bucket img.floatRight.noBorder,
div.bucketBig img.floatRight.noBorder {
  border: 0px;
}

p.list span.icon {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 8px 0px 0px;
}

p.list span.text {
  float: right;
  width: 210px;
  height: auto;
  margin: 0px;
}

p.list span.icon img {
  border: 0px;
  margin: 0px;
}

div.bucket img.floatLeft.icon,
div.bucketBig img.floatLeft.icon {
  border: 0px;
  margin: 0px 8px 0px 0px;
}

div.bucket img.floatRight.icon,
div.bucketBig img.floatRight.icon {
  border: 0px;
  margin: 0px 0px 0px 8px;
}

/*************** Content (Left Nav) */

div.leftNav {
  float: left;
  display: inline;
  width: 164px;
  height: auto;
  margin: 0px 12px 0px 0px;
  padding: 6px 0px;
}

div.leftNav div.top {
  float: left;
  display: inline;
  width: 164px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/leftnav_top.png') top no-repeat;
}

div.leftNav div.middle {
  float: left;
  display: inline;
  width: 134px;
  height: auto;
  padding: 5px 15px 5px 15px;
  margin: 0px;
  background: url('../image/leftnav_bg.png') repeat-y;
}

div.leftNav div.middle h2 {
  margin-bottom: 0px;
}

div.leftNav div.middle h2 a:link,
div.leftNav div.middle h2 a:visited {
  color: #994422;
  text-decoration: none;
}

div.leftNav div.middle h2 a:hover,
div.leftNav div.middle h2 a:active {
  color: #bb6644;
  text-decoration: none;
}

div.leftNav div.middle ul {
  float: left;
  display: inline;
  width: 134px;
  height: auto;
  margin: 0px;
  padding: 0px;
}

div.leftNav div.middle ul li {
  float: left;
  display: inline;
  list-style: none;
  width: 134px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border-bottom: solid 1px #999999;
}

div.leftNav div.middle ul li.grey {
  background: #eeeeee;
}

div.leftNav div.middle ul li a:link,
div.leftNav div.middle ul li a:visited {
  float: left;
  width: 124px;
  height: auto;
  padding: 5px;
  line-height: 20px;
  text-decoration: none;
  color: #666666;
}

div.leftNav div.middle ul li a:hover,
div.leftNav div.middle ul li a:active {
  color: #333333;
  background: #dddddd;
}

div.leftNav div.middle ul li a.here:link,
div.leftNav div.middle ul li a.here:visited,
div.leftNav div.middle ul li a.here:hover,
div.leftNav div.middle ul li a.here:active {
  font-weight: bold;
  background: none;
  color: #333333;
}

div.leftNav div.middle ul li ul {
  float: left;
  display: inline;
  width: 124px;
  height: auto;
  margin: 0px;
  padding: 0px 0px 10px 10px;
}

div.leftNav div.middle ul li ul li {
  float: left;
  display: inline;
  list-style: none;
  width: 124px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: none;
}

div.leftNav div.middle ul li ul li a:link,
div.leftNav div.middle ul li ul li a:visited {
  float: left;
  width: 118px;
  height: auto;
  padding: 3px;
  font-size: 11px;
  line-height: 15px;
  text-decoration: none;
  color: #666666;
}

div.leftNav div.middle ul li ul li a:hover,
div.leftNav div.middle ul li ul li a:active {
  color: #333333;
  text-decoration: underline;
  background: none;
}

div.leftNav div.middle ul li ul li ul {
  float: left;
  display: inline;
  width: 104px;
  height: auto;
  margin: 0px;
  padding: 0px 0px 10px 10px;
}

div.leftNav div.middle ul li ul li ul li {
  float: left;
  display: inline;
  list-style: none;
  width: 104px;
  height: auto;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: none;
}

div.leftNav div.middle ul li ul li ul li a:link,
div.leftNav div.middle ul li ul li ul li a:visited {
  float: left;
  width: 98px;
  height: auto;
  padding: 3px;
  font-size: 11px;
  line-height: 15px;
  text-decoration: none;
  color: #666666;
}

div.leftNav div.middle ul li ul li ul li a:hover,
div.leftNav div.middle ul li ul li ul li a:active {
  color: #333333;
  text-decoration: underline;
  background: none;
}

div.leftNav div.bottom {
  float: left;
  display: inline;
  width: 164px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/leftnav_bottom.png') bottom no-repeat;
}

/*************** Content (Callout) */

div.callout {
  float: right;
  display: inline;
  position: relative;
  width: 164px;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
  z-index: 500;
}

div.callout div.top {
  float: left;
  display: inline;
  width: 164px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/callout_top.png') top no-repeat;
}

div.callout div.middle {
  float: left;
  display: inline;
  width: 136px;
  height: auto;
  padding: 3px 14px 3px 14px;
  margin: 0px;
  background: url('../image/callout_bg.png') repeat-y;
}

div.callout div.bottom {
  float: left;
  display: inline;
  width: 164px;
  height: 12px;
  font-size: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background: url('../image/callout_bottom.png') bottom no-repeat;
}

div.callout a:link,
div.callout a:visited {
  float: left;
  display: inline;
  width: 136px;
  height: 54px;
  margin: 0px 0px 8px 0px;
  background: url('../image/callout_button.jpg') bottom no-repeat;
}

div.callout a:hover,
div.callout a:active {
  background-position: top;
}

div.callout a.noMargin:link,
div.callout a.noMargin:visited,
div.callout a.noMargin:hover,
div.callout a.noMargin:active {
  margin: 0px;
}

div.callout p span.big {
  float: left;
  display: inline;
  margin: 4px 0px;
}

div.callout p a:link,
div.callout p a:visited {
  float: left;
  display: inline;
  width: 136px;
  height: auto;
  background: none;
  margin: 0px;
  padding: 0px 0px 4px 0px;
  color: #dddddd;
}

div.callout p a:hover,
div.callout p a:active {
  color: #aaccff;
}

div.callout p.noMargin {
  margin: 0px;
  padding: 0px;
}

/*************** Tooltips */

div.contentWide div.bucketBig div.third div.list.tooltip {
  position: relative;
  width: 244px;
  z-index: 1;
}

div.list.tooltip ul {
  position: relative;
  width: 244px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  z-index: 1;
}

div.list.tooltip ul li {
  float: left;
  position: relative;
  width: 234px;
  padding: 5px;
  margin: 0px; 
  border-bottom: solid 1px #cccccc;
  z-index: 1;
}

div.list.tooltip ul li.grey {
  background: #eeeeee;
}

div.list.tooltip ul li a:link,
div.list.tooltip ul li a:visited {
  position: relative;
  z-index: 2000; 
}

div.list.tooltip span.icon {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 8px 0px 0px;
  z-index: 1; 
}

div.list.tooltip span.text {
  float: right;
  width: 210px;
  height: auto;
  margin: 0px;
  z-index: 1; 
}

div.list.tooltip span.icon img {
  border: 0px;
  margin: 0px;
  z-index: 1; 
}

div.list.tooltip ul ul {
  float: none;
  position: absolute;
  display: none;
  left: 244px; /* Set 1px less than menu width */
  top: -1px;
  width: 280px;
  height: 160px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border: solid 1px #cccccc;
  background: #eeeeee;
  z-index: 2000; 
}

div.list.tooltip ul ul li {
  float: none;
  margin: 0px;
  padding: 15px;
  width: 250px;
  height: 130px;
  color: #666666;
  background: #eeeeee;
  text-decoration: none;
  border: 0px;
  z-index: 2000; 
}

div.list.tooltip ul ul li img,
div.list.tooltip ul ul li img {
  float: right;
  display: block;
  margin: 0px 0px 0px 10px;
  z-index: 2000; 
} 

/* Tooltips (Fix IE. Hide from IE Mac) */

* html body div.list.tooltip ul li { 
  float: left; height: 1%; z-index: 1; 
}

* html body div.list.tooltip ul li ul li { 
  float: left; height: 1%; z-index: 150; 
}

* html body div.list.tooltip ul li a { 
  height: 1%; z-index: 1; 
}

* html body div.list.tooltip ul li ul li a { 
  height: 1%; z-index: 150; 
}

/*************** Foot */

#footerBar {
  height: 8px;
  background: url('../image/nav_bg.jpg') center repeat-x;
  overflow: hidden;
}

#footer {
  width: 752px;
  height: auto;
  padding: 10px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -1px;
  font-family: georgia, serif;
  color: #999999;
  background: none;
}

#footerImages {
  width: 752px;
  height: 75px;
  padding: 10px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  background: none;
}

#footer a:link,
#footer a:visited {
  color: #999999;
  margin: 0px 4px 0px 0px;
  padding: 0px 1px 0px 1px;
  text-decoration: none;
}

#footer a:hover,
#footer a:active {
  color: #cccccc;
  border-bottom: solid 1px #666666;
}

#footer a img {
  margin: 0px;
  padding: 0px;
}

#footer a.noMargin:link,
#footer a.noMargin:visited,
#footer a.noMargin:hover,
#footer a.noMargin:active {
  margin: 0px;
}

#footer div.hr {
  clear: left;
  width: 752px;
  display: block;
}

#footerImages img.tagline {
  float: left;
  display: block;
  margin: 0px 0px 0px 100px;
}

#footerImages img.floatLeft {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
}

#footerImages img.floatRight {
  float: right;
  display: block;
  margin: 0px;
  padding: 0px;
}

/*************** Footer Wide */

#footerWide {
  width: 976px;
  height: auto;
  padding: 10px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -1px;
  font-family: georgia, serif;
  color: #999999;
  background: none;
  text-align: center;
}

#footerImagesWide {
  width: 976px;
  height: auto;
  padding: 10px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  background: none;
}

#footerWide a:link,
#footerWide a:visited {
  color: #999999;
  margin: 0px 32px 0px 0px;
  padding: 0px 1px 0px 1px;
  text-decoration: none;
}

#footerWide a:hover,
#footerWide a:active {
  color: #cccccc;
  border-bottom: solid 1px #666666;
}

#footerWide a img {
  margin: 0px;
  padding: 0px;
}

#footerWide a.noMargin:link,
#footerWide a.noMargin:visited,
#footerWide a.noMargin:hover,
#footerWide a.noMargin:active {
  margin: 0px;
}

#footerWide div.hr {
  clear: left;
  width: 976px;
  display: block;
}

#footerImagesWide img.tagline {
  float: left;
  display: block;
  margin: 0px 0px 0px 200px;
}

#footerImagesWide img.floatLeft {
  float: left;
  display: block;
  margin: 0px;
  padding: 0px;
}

#footerImagesWide img.floatRight {
  float: right;
  display: block;
  margin: 0px;
  padding: 0px;
}



/*************** Tags */

h1 {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  font-weight: normal;
  color: #994422;
  letter-spacing: -2px;
  font-size: 25px;
  line-height: 25px;
  font-family: georgia, serif;
  border-bottom: solid 1px #999999;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 8px 0px;
}

h1 img { 
  display: block; 
  margin: 0px; 
  padding: 0px; 
  float: left; 
}

h2 {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  font-weight: normal;
  color: #994422;
  letter-spacing: -1px;
  font-size: 17px;
  line-height: 17px;
  font-family: georgia, serif;
  border-bottom: solid 1px #999999;
  padding: 0px 0px 8px 0px;
  margin: 4px 0px 8px 0px;
}

h2 a {
  text-decoration: none;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #666666;
  font-family: tahoma, geneva, sans-serif;
  margin: 0px 0px 8px 0px;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #666666;
  font-family: tahoma, geneva, sans-serif;
  border-bottom: solid 1px #999999;
  padding: 0px 0px 4px 0px;
  margin: 0px 0px 8px 0px;
}

p {
  float: left;  
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 8px 0px;
  line-height: 16px;
}

a, 
a:link {
  color: #003366;
}

a:visited {
  color: #666666;
}

a:hover, 
a:active {
  color: #66ccff;
}

blockquote {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  padding: 10px;
  margin: 0px 0px 10px 0px;
  color: #666666;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}

div.bucketBig blockquote {
  width: 518px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

hr, div.hr {
  float: left;
  display: inline;
  width: 100%;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  border-top: solid 1px #666666;
  margin: 9px 0px 10px 0px;
}


/*************** Column Layout */

.half           { width: 48%; padding-right: 2%; }
.third          { width: 31%; padding-right: 2%; }
.twoThirds      { width: 65%; padding-right: 2%; }

div.third.floatLeft,
div.half.floatLeft,
div.twoThirds.floatLeft {
  margin: 0px;
}

.half h1,
.half h2,
.half h3,
.half h4,
.half p,
.half div.list,
.third h1,
.third h2,
.third h3,
.third h4,
.third p,
.third div.list,
.twoThirds h1,
.twoThirds h2,
.twoThirds h3,
.twoThirds h4,
.twoThirds p,
.twoThirds div.list {
  width: 100%;
}


/*************** Cheeseburger Layout */


div.buildburger {
  width: 600px;
  /*height: 900px;*/
  height: auto;
  margin: 0px auto;
  padding: 0px 0px;
  background: url('../image/thermBurg.jpg') top repeat-y;
  overflow: hidden;
  /*border: solid 1px black;*/
  text-align: center;
}

div.paradise {
  float: left;
  display: inline;
  width: 598px;
  min-height: 250px;
  background: #06def5  url('../image/paradise_club.jpg') top no-repeat;
  border: solid 1px black;
  color: black;
}

div.cheeseburger {
  float: left;
  display: inline;
  width: 598px;
  height: auto;
  background: #082963 url('../image/blueflowers.jpg') repeat;
  border: solid 1px black;
    /* for IE
  filter:alpha(opacity=60);
  /* CSS3 standard
  opacity:0.6;   */
  color: white;
}

div.ketchup {
  float: left;
  display: inline;
  width: 598px;
  height: auto;
  background: #006c9c url('../image/ltblueflowers.jpg') repeat;
  border: solid 1px black;
  color: black;
    /* for IE
  filter:alpha(opacity=60);
  /* CSS3 standard
  opacity:0.6;   */
}

div.veggie {
  float: left;
  display: inline;
  width: 598px;
  height: auto;
  background: #ffe000 url('../image/yellowflowers.jpg') repeat;
  border: solid 1px black;
  color: black;
    /* for IE
  filter:alpha(opacity=60);
  /* CSS3 standard
  opacity:0.6;   */
}



div.patty {
  float: left;
  display: inline;
  width: 598px;
  height: auto;
  background: #fcb315 url('../image/ltorangeflowers.jpg') repeat;
  border: solid 1px black;
  color: black;
    /* for IE
  filter:alpha(opacity=60);
  /* CSS3 standard
  opacity:0.6;   */
}




div.buns {
  float: left;
  display: inline;
  width: 598px;
  height: auto;
  background: #f38a1e url('../image/drkorangeflowers.jpg') repeat;
  border: solid 1px black;
  color: black;
    /* for IE
  filter:alpha(opacity=60);
  /* CSS3 standard
  opacity:0.6;   */
}


div.left    { width: 99px; padding: 2px; float: left; vertical-align: top;}
div.mid  { width: 388px; padding: 2px; float: left; border: solid 0px black; vertical-align: top;}
div.right   { width: 99px; padding: 2px; float: left; }

div.buildburgersmall{
  /*width: 600px;*/
  /*height: 900px;*/
  height: auto;
  margin: 0px auto;
  padding: 0px 0px;
  background: url('../image/thermBurgSmall.jpg') top repeat-y;
  overflow: hidden;
  /*border: solid 1px black;*/

}

div.paradisesmall {
  float: left;
  display: inline;
  width: 225px;
  background: #06def5;
  border: solid 1px black;
  padding-left: 15px;
  color: black;
}

div.cheeseburgersmall {
  float: left;
  display: inline;
  width: 225px;
  background: #082963;
  border: solid 1px black;
  padding-left: 15px;
  color: white;
}

div.ketchupsmall {
  float: left;
  display: inline;
  width: 225px;
  background: #006c9c;
  border: solid 1px black;
  padding-left: 15px;
  color: white;
}

div.veggiesmall {
  float: left;
  display: inline;
  width: 225px;
  background: #ffe000;
  border: solid 1px black;
  padding-left: 15px;
  color: black;
}

div.pattysmall {
  float: left;
  display: inline;
  width: 225px;
  background: #fcb315;
  border: solid 1px black;
  padding-left: 15px;
  color: black;
}

div.bunssmall {
  float: left;
  display: inline;
  width: 225px;
  background: #f38a1e;
  border: solid 1px black;
  padding-left: 15px;
  color: black;
}

span.cheeseburger {
  color: white;
  font-size: 16pt;
  font-weight: bold;

}



/*.half h1,
.half h2,
.half h3,
.half h4,
.half p,
.half div.list,
.third h1,
.third h2,
.third h3,
.third h4,
.third p,
.third div.list,
.twoThirds h1,
.twoThirds h2,
.twoThirds h3,
.twoThirds h4,
.twoThirds p,
.twoThirds div.list {
  width: 100%;
}  */

/*************** Lists */

div.list {
  float: left;  
  display: inline;
    width: 100%;
  height: auto;
  margin: 0px 0px 12px 0px;
}

ul, ol {
  margin: 0px;
}

ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;  
}

ol {
  list-style: decimal;
  padding: 0px 0px 0px 28px;  
}

ul li, ol li {
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

ul li ul {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ol li ol {
  list-style: lower-alpha;
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;  
}

ul li ul li, ol li ol li {
  font-size: 11px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}


/*************** Tables */

table {
  float: left;
  clear: left;
  display: inline;
  width: auto;
  height: auto;
  margin: 0px 0px 12px 0px;
  border-collapse: collapse;
}

table tr th {
  width: 33%;
  height: auto;
  font-weight: normal;
  padding: 5px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}

table tr td {
  width: auto;
  height: auto;
  padding: 5px 8px 8px 0px;
  vertical-align: top;
  line-height: 16px;
}

div.contentWide div.bucket table {
  /*width: 560px;*/
}

div.contentWide div.bucket table tr th {
  width: 150px;
}

div.contentWide div.bucket table tr td {
  width: 390px;
} 



/* cheeseburger tables */
table.cheeseburger{
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	width: auto;
}
tr.cheeseburger{
	margin: 0;
	padding: 0px 0px 0px 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
td.cheeseburger{
	margin: 0;
	padding: 0px 0px 0px 0px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/*************** Forms */

input {
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #dddddd;
  padding: 1px;
  background: #eeeeee;
}

input.image {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

input.file {
  width: 308px;
  height: auto;
}

input.text {
  width: 250px;
  height: auto;
}

input.city {
  width: 184px;
  height: auto;
}

input.zip {
  width: 50px;
  height: auto;
}

input.price {
  width: 50px;
  height: auto;
}

span.check {
  float: left;
  clear: left;
  display: inline;
  font-size: 12px;
  line-height: 16px;
}

span.check input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 8px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
}

select {
  width: 254px;
  height: auto;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #dddddd;
  padding: 1px;
  background: #eeeeee;
}

select.multiple {
  width: 308px;
  height: auto;
}

select.state {
  width: 50px;
  height: auto;
}

select.month {
  width: 80px;
  height: auto;
}

select.day {
  width: 50px;
  height: auto;
}

select.year {
  width: 80px;
  height: auto;
}

textarea {
  width: 250px;
  height: 100px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #dddddd;
  padding: 1px;
  background: #eeeeee;
}

input.submit,
a.submit,
button {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 3px 8px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #552200;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background: #cc8855;
  border: solid 1px #994422;
}

input.submit:hover,
a.submit:hover,
button:hover {
  background: #ddaa77;
  cursor: pointer;
}

a.button:link, 
a.button:visited {
  width: 116px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
  background: url('../image/button.jpg') no-repeat;
}

a.button:hover, a.button:active {
  text-decoration: none;
  color: #ffdddd;
}

.error {
  float: left;
  display: inline;
  width: 756px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 12px 0px;
}

a.ktOff, a.ktOff:link {
  color: #dddddd;
  font-weight: bold;
}

a.ktOff:visited {
  color: #dddddd;
  font-weight: bold;
}

a.ktOff:hover, a.ktOff:active {
  color: #66ccff;
  font-weight: bold;
}

div.ktOffLink {
  width: 768px;
  height: 1px;
  margin: 0px auto;
  z-index: 300;
  position: relative;
}

div.ktOffLink a {
  float: right;
  position: absolute;
  top: 110px;
  left: 590px;
  z-index: 300;
}



/*************** Generic Classes */

.floatLeft      { float: left; display: inline;  margin:5px; }
.floatRight     { float: right; display: inline; }
.centered       { text-align: center; }
.alignRight     { text-align: right; }
.clearRight     { clear: right; }

.tiny           { font-size: 10px; line-height: 16px; }
.small          { font-size: 11px; line-height: 16px; }
.normal         { font-size: 12px; line-height: 18px; }
.medium         { font-size: 14px; line-height: 20px; }
.big            { font-size: 16px; line-height: 22px; }
.huge           { font-size: 18px; line-height: 24px; }
.serif          { font-family: georgia, serif; }

.italic         { font-style: italic; }
.bold           { font-weight: bold; }
.noBold         { font-weight: normal; }
.noBorder       { border: 0px; }

.grey           { color: #666666; }
.light          { color: #aaaaaa; }
.blue           { color: #336699; }
.green          { color: #339933; }
.red            { color: #993333; }
.black          { color: #111111; }
.orange         { color: #994422; }
.darkGreen      { color: #3A4D42; }

.marginTop      { margin-top: 40px; }
.marginRight    { margin-right: 6px; }
p.marginTop     { margin-top: 6px; }
.noMargin       { margin: 0px; }