/* ProSource Flooring CSS Template */

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

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

html, body {
  background: #ebeff1 url("../image/bg.jpg") repeat-x;
}

#wrapper {
  width: 992px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}

.default {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
}

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

#header {
  float: left;
  display: inline;
  width: 992px;
  height: 121px;
  margin: 4px 0px 0px 0px;
  background: url("../image/header_bg.jpg") top no-repeat;
}

#headerBottom {
  float: left;
  display: inline;
  width: 992px;
  height: 12px;
  margin: 0px 0px 0px 0px;
  font-size: 0px;
  line-height: 0px;
  background: url("../image/nav_bottom.jpg") top no-repeat;
}

#logo {
  float: left;
  display: inline;
  width: 260px;
  height: 110px;
  margin: 9px 0px 0px 20px;
  font-size: 22px;
  line-height: 26px;
  color: #ffffff;
}

#logo img {
  margin: 20px 0px 0px 17px;
}

#addressHead {
  float: left;
  display: inline;
  width: 220px;
  height: 52px;
  margin: 40px 0px 0px 15px;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;  
}
#address {
  float: left;
  display: inline;
  width: 200px;
  font-size: 12px;
  line-height: 12px;
  color: #000000; 
}
#tagline {
  float: right;
  display: inline;
  width: 210px;
  height: 52px;
  margin: 40px 28px 0px 0px;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;  
}
#social {
  float: right;
  display: inline;
  width: 670px;
  height: auto;
  margin: 20px 17px 15px 0px;
}
#email {
  float: right;
  display: inline;
  width: 670px;
  height: auto;
  margin: 15px 25px 0 0;
}
#email p { width: 100%; text-align: right; color: #ffffff; font-size: 25px; line-height: 25px; }
#email p span.blue { color: #6395ce; }

input#email {
  float: none !important;
  display: inline;
  width: 200px !important;
  height: auto;
  margin: 0px !important;
}

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

#nav {
  float: left;
  display: inline;
  width: 974px;
  height: 30px;
  padding: 0px 8px 0px 10px;
  background: url("../image/nav_bg.jpg") no-repeat;
}
 
#nav ul {
  float: left;
  display: inline;
  width: 974px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#nav ul li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  background-image: none;
}

#nav ul li a span { display: none; }

#nav ul li#home     { width: 44px; }
#nav ul li#products { width: 72px; }
#nav ul li#flooring { width: 186px; }
#nav ul li#services { width: 118px; }
#nav ul li#find     { width: 120px; }
#nav ul li#about    { width: 69px; }
#nav ul li#blog     { width: 42px; }
#nav ul li#contact  { width: 84px; }
#nav ul li.spacer   { width: 26px; }
#nav ul li.spacer img { 
  margin: 0px; 
  padding: 0px; 
  display: block; 
}

#nav ul li#home a     { background-image: url("../image/nav_home.jpg"); }
#nav ul li#products a { background-image: url("../image/nav_products.jpg"); }
#nav ul li#flooring a { background-image: url("../image/nav_flooring.jpg"); }
#nav ul li#services a { background-image: url("../image/nav_services.jpg"); }
#nav ul li#find a     { background-image: url("../image/nav_find.jpg"); }
#nav ul li#about a    { background-image: url("../image/nav_about.jpg"); }
#nav ul li#blog a     { background-image: url("../image/nav_blog.jpg"); }
#nav ul li#contact a  { background-image: url("../image/nav_contact.jpg"); }

#nav ul li a, #nav ul li a:link, #nav ul li a:visited {
  display: block;
  height: 30px;
  background-position: top;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 30px;
  color: #666666;
  text-decoration: none;
}

#nav ul li a:hover, #nav ul li a:active,
#nav ul li a.here, #nav ul li a.here:link, #nav ul li a.here:visited, #nav ul li a.here:hover, #nav ul li a.here:active {
  background-position: bottom;
}

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

#content {
  float: left;
  display: inline;
  width: 954px;
  height: auto;
  padding: 12px 19px 10px 19px;
  background: #ffffff url("../image/content_bg.jpg") repeat-y;
}

#contentBottom {
  float: left;
  display: inline;
  width: 992px;
  height: 12px;
  font-size: 0px;
  line-height: 0px;
  background: #ffffff url("../image/content_bottom.jpg") top no-repeat;
}

/*************** Home */

#homeWelcome {
  float: left;
  display: inline;
  width: 221px;
  height: 187px;
  margin: 0px 0px 12px 3px;
  padding: 55px 15px 15px 15px;
  background: url("../image/home_welcome_tall.jpg") no-repeat;
}

#homeSlideshow {
  float: right;
  display: inline;
  width: 684px;
  height: 257px;
  margin: 0px 3px 12px 0px;
}

#homeSlideshow img {
  display: block;
}

#homeNews {
  float: left;
  clear: right;
  display: inline;
  width: 388px;
  height: 227px;
  margin: 0 0 0 15px;
  padding: 15px 15px 15px 15px;
  background: url("../image/home_news_narrow.jpg") no-repeat;
}

/* changed per 012811
#homeNews {
  float: right;
  clear: right;
  display: inline;
  width: 654px;
  height: 227px;
  margin: 0px 0px 0px 3px;
  padding: 15px 15px 15px 15px;
  background: url("../image/home_news_tall.jpg") no-repeat;
}*/

#homeProducts {
  float: left;
  clear: both;
  display: inline;
  width: 948px;
  height: auto;
  margin: 0px 0px 0px 3px;
  padding: 0px;
}

#homeProducts div.top {
  float: left;
  display: inline;
  width: 940px;
  height: 34px;
  padding: 4px;
  background: url("/image/specials_header.gif") no-repeat;
}

#homeProducts div.top h3 {
  width: 250px;
  font-size: 24px;
  margin: 8px 0px 0px 8px;
}

#homeProducts div.middle {
  float: left;
  display: inline;
  width: 918px;
  height: auto;
  padding: 15px 15px 0px 15px;
  background: url("/image/specials_bg.gif") repeat-y;
}

#homeProducts div.bottom {
  float: left;
  display: inline;
  width: 948px;
  height: 10px;
  background: url("/image/specials_bottom.gif") no-repeat;
}

#homeProducts div.button {
  float: left;
  clear: both;
  display: inline;
  width: 100%;
  height: 42px;
}

#homeProducts div.middle div.category {
  float: left;
  display: inline;
  width: 225px;
  height: auto;
  margin-right: 0px;
}

#homeProducts div.middle div.category h3 {
  width: 100%;
}

#homeProducts img {
  /*float: right;*/
}

#homeProducts div.productRow {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 6px 0px;
}

#homeProducts div.productRow.last {
  margin: 0px !important;
}

#homeProducts div.product {
  float: left;
  display: inline;
  width: 156px;
  margin: 0px 10px 0px 0px;
}

#homeProducts div.product p {
  width: 100% !important;#mainleft
  
  margin: 0px;
}

#homeProducts div.product.last {
  margin: 0px !important;
}

/*| Blowout Specials
**|*********************************/

.blowoutSpecial {
  width: 225px;
  float: left; 
  display:inline;
  margin-bottom: 20px;
  height: 90px;
}

.blowoutDetail {
  width: 169px;
  float: right;
  display:inline; 
}

#mainLeft .blowoutSpecial {
  width: 190px;
}

#mainLeft .blowoutDetail {
  width: 140px;
}

.blowoutSpecial img {
  float: left;
  display: inline;
}

#homeProducts img {
  display: inline;
  float: left;
}

.blowoutSpecial img.productThumb,
.blowoutSpecial a. img{
  width: 36px;
  height: 36px;
  border: 0px;
}


p.bigDigit,
.bigDigit,
p.smallDigits,
.smallDigits,
.perQty {
  float:left;
  display: inline;
  width: auto !important; }
  
  
.bigDigit { 
  font-size: 43px; /*height: 40px;*/ 
  line-height: 40px; 
  font-weight: bold; 
  color: #010101; 
  text-decoration: none;
  margin-bottom: 5px;}
    
p.bigDigit a:link,
p.bigDigit a:visited {
  color: #010101 !important; 
  }
  
.smallDigits{ 
  font-size: 20px; 
  line-height: 18px;
  margin-top: 1px;
  font-weight: bold; 
  color: #010101;
  margin-bottom: 5px;}

.perQty{
  font-size: 14px; 
  color: #535353;
  font-weight: bold;}

.blowoutDetail p.blowoutName, 
.blowoutDetail p.blowoutName a:link,
.blowoutDetail p.blowoutName a:visited{
 margin: 0px !important; color:#012554; text-decoration: none; width: 140px !important;} 

.blowoutDetail p.small { 
  color: #010101; 
  width: auto !important;}


#homeNews div.content {
  float: left;
  display: inline;
  width: 180px;
  height: auto;
  margin: 40px 0px 0px 0px;
}

#homeNews div.content p {
  width: 180px;
  color: #113366;
}

/* changed per 012811
#homeNews div.content {
  float: left;
  display: inline;
  width: 330px;
  height: auto;
  margin: 40px 0px 0px 0px;
}

#homeNews div.content p {
  width: 330px;
  color: #113366;
  font-size: 21px;
  line-height: 24px;
  font-family: "arial narrow", arial, helvetica, sans-serif;
}*/

/*#homeNews div.nov10 div.content {
width: 350px !important;
}

#homeNews div.nov10 div.content p {
width: 350px !important;
}
*/

#homeNews div.content p.small {
  font-size: 14px;
  line-height: 16px;
}

#homeNews div.content p.tiny {
  font-size: 11px;
  line-height: 14px;
}

#homeNews div.content div.list {
  width: 330px;
}

#homeNews img.floatRight {
 margin-top: 40px !important;
 border: 1px solid #002244;  
}

#homeMember {
  float: right;
  clear: right;
  display: inline;
  position: relative;
  width: 221px;
  height: 227px;
  margin: 0px 3px 0px 0px;
  padding: 15px 15px 15px 15px;
  background: url("../image/home_member_grey_tall.jpg") no-repeat;
  /*background: url("../image/home_member_tall.jpg") no-repeat;*/
  z-index: 1;
}

#productMember {
  position: relative;
}

#starburst {
  position: absolute;
  display: inline;
  right: -40px;
  top: 20px;
  z-index: 1000;
}

#homeMember h2{ font-size: 28px !important; width: 221px; font-weight: normal; line-height: 32px;
 }


#homeWelcome p, #homeWelcome div.list,
#homeMember p, #homeMember div.list {
  width: 221px;
  font-weight: normal !important;
}

#homeWelcome div.list {
  margin-bottom: 0px;
}

#homeWelcome div.list ul li, #homeMember div.list ul li {
  font-size: 11px;
}

/*************** New Image & Bucket Sizes */

#homeWelcome2 {

}

/*************** Left Navimigation */

#leftNavWrapper {
  float: left;
  display: inline;
  width: 161px;
  height: auto;
  margin: 0px 14px 0px 0px;
  background: url("../image/leftnav_bg.gif") repeat-y;
}

#leftNav {
  float: left;
  display: inline;
  width: 141px;
  height: auto;
  padding: 10px 10px 2px 10px;
  background: url("../image/leftnav_top.gif") top no-repeat;
}

#leftNavBottom {
  float: left;
  display: inline;
  width: 161px;
  height: 8px;
  background: url("../image/leftnav_bottom.gif") bottom no-repeat;
}

#leftNav h2, #leftNav p, #leftNav div.list {
  width: 141px;
}

#leftNav h2 {
  margin: 0px 0px 14px 0px;
}

#leftNav div.list {
  margin: 0px;
}

#leftNav div.list ul li a:link,
#leftNav div.list ul li a:visited {
  font-weight: bold;
  color: #333e44;
}

#leftNav div.list ul li a:hover,
#leftNav div.list ul li a:active,
#leftNav div.list ul li a.here:link,
#leftNav div.list ul li a.here:visited,
#leftNav div.list ul li a.here:hover,
#leftNav div.list ul li a.here:active {
  text-decoration: none;
  color: #2288ee;
}

#leftNav div.list ul li ul li a, #leftNav div.list ul li ul li a:link, #leftNav div.list ul li ul li a:visited {
  padding-left:9px;
  text-decoration: none;
  color: #113366;
}

#leftNav div.list ul li ul li a:hover, #leftNav div.list ul li ul li a:active {
  background: url("../image/bullet.gif") 0px 5px no-repeat; 
}

#leftNav div.list ul li ul {
  margin: 0px 0px;
  padding: 0px 0px 0px 0px;  
}


#leftNav div.list ul li ul li {
  font-size: 11px;
  line-height: 16px;
  padding-left: 0px;
  margin: 0px;
  list-style:none;
  background:none;
}

/*************** Main Content Area */

#main {
  float: left;
  display: inline;
  width: 779px;
  height: auto;
}

#main h1, #main h2, #main h3, #main h4, #main p, #main div.list {
  width: 779px;
}

#mainLeft {
  float: left;
  display: inline;
  width: 385px;
  height: auto;
  margin: 4px 0px 0px 0px;
}

#mainLeft h1, #mainLeft h2, #mainLeft h3, #mainLeft h4, #mainLeft p, #mainLeft div.list {
  width: 385px;
}

#mainLeft blockquote {
  width: 361px;
}

/*************** Sidebar */

#sideBar {
  float: right;
  display: inline;
  width: 380px;
  height: auto;
  margin: 4px 0px 0px 0px;
}

#sideBar #slideshow, #sideBar .slideshow, #sideBar h3, #sideBar div.list {
  float: left;
  display: inline;
  width: 380px;
  height: auto;
  margin: 0px 0px 8px 0px;
}


#sideBar div.calloutWrapper {
  float: left;
  display: inline;
  width: 380px;
  height: auto;
  margin: 0px 0px 8px 0px;
  background: url("../image/callout_bg.gif") repeat-y;
}

#sideBar div.callout {
  float: left;
  display: inline;
  width: 360px;
  height: auto;
  padding: 10px 10px 2px 10px;
  background: url("../image/callout_top.gif") top no-repeat;
}

#sideBar div.calloutBottom {
  float: left;
  display: inline;
  width: 380px;
  height: 8px;
  background: url("../image/callout_bottom.gif") bottom no-repeat;
}

#sideBar div.callout h1, #sideBar div.callout h2, #sideBar div.callout h3, #sideBar div.callout h4, #sideBar div.callout p, #sideBar div.callout div.list {
  width: 360px;
}

#sideBar div.callout h2 {
  width: 360px;
  margin: 0px 0px 14px 0px;
}

#sideBar div.callout p.half {
  width: 170px;
  margin: 0px;
}

#sideBar div.callout div.list.half {
  width: 170px;
  margin: 0px;
}

/*************** Sales Team */

#main p.team {
  margin: 0px 7px 10px 0px;
  width: 124px;
  height: auto;
  text-align: center;
}

#main p.team img {
  float: left;
  display: block;
  width: 124px;
  height: 110px;
  margin: 0px 0px 5px 0px;
}

#main p.team.last {
  margin: 0px 0px 10px 0px;
}

/*************** Product Thumbs */

div.errorpage.productThumbs, 
#main #mainLeft div.productThumbs {
  float: left;
  display: inline;
  width: 100%;
  height: auto;
}

div.errorpage.productThumbs p,
#main #mainLeft div.productThumbs p {
  float: left;
  display: inline;
  width: 96px;
  height: 120px;
  text-align: center;
}

div.errorpage.productThumbs p a:link,
div.errorpage.productThumbs p a:visited,
#main #mainLeft div.productThumbs p a:link,
#main #mainLeft div.productThumbs p a:visited {
  display: block;
}

div.errorpage.productThumbs p img,
#main #mainLeft div.productThumbs p img {
  display: inline;
  margin: 0 auto 8px auto;
}

/*************** Footah */
#footer {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  margin: 4px 0px 0px 0px;
  color: #bbbbbb;
  font-weight: bold;
}

#footer a:link, #footer a:visited, #footer span {
  text-decoration: none;
  color: #aaaaaa;
  margin: 0px 4px;
}

#footer a:hover, #footer a:active {
  text-decoration: underline;
  color: #666666;
}



/*************** Other */

img.phoneCallout {
  float: left;
  display: block;
  margin: 20px 0px;
}

#mainLeft div.contentList p.title {
  width: 340px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 0px 0px 2px 15px;
  margin: 0px;
  background: url("../image/bullet.gif") 0px 7px no-repeat;
}

#mainLeft div.contentList span.expand {
  float: right;
  display: inline;
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 24px;
  line-height: 18px;
  cursor: pointer;
  background: #dddddd;
  border: solid 1px #999999;
  text-align: center;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 0px 1px;
}

#mainLeft p.expandContent {
  width: 370px;
  padding-left: 15px;
}

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

h1 {
  float: left;
  display: inline;
  width: 954px;
  height: auto;
  font-weight: bold;
  color: #113366;
  font-size: 32px;
  line-height: 32px;
  font-family: "arial narrow", arial, helvetica, sans-serif;
  padding: 0px 0px 8px 0px;
  margin: 0px 0px 8px 0px;
  background: url("../image/h1_bg.gif") bottom repeat-x;
}

h2 {
  float: left;
  display: inline;
  clear: left;
  width: 954px;
  height: auto;
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  color: #113366;
  font-family: "arial narrow", arial, helvetica, sans-serif;
  margin: 0px 0px 8px 0px;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  width: 954px;
  height: auto;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  color: #113366;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 8px 0px;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  width: 954px;
  height: auto;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color: #6699cc;
  font-family: arial, helvetica, sans-serif;
  margin: 0px 0px 8px 0px;
}

p {
  float: left;  
  display: inline;
  width: 954px; 
  height: auto;
  margin: 0px 0px 12px 0px;
  line-height: 16px;
}

a, a:link {
  color: #0055bb;
}

a:visited {
  color: #0055bb;
}

a:hover, a:active {
  color: #3388dd;
}

a.grey, a.grey:link {
  color: #666666;
}

a.grey:visited {
  color: #333333;
}

a.grey:hover, .greya:active {
  color: #999999;
}

blockquote {
  float: left;
  display: inline;
  width: 930px;
  height: auto;
  padding: 12px;
  margin: 0px 0px 12px 0px;
  color: #999999;
  font-size: 11px;
  line-height: 16px;
  background: #eeeeee;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

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

div.hr.dotted {
  border-top: dotted 1px #bbbbbb !important;
}


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

.half h1, .half h2, .half h3, .half h4, .half p {
  width: 467px;
  height: auto;
}

.third h1, .third h2, .third h3, .third h4, .third p {
  width: 308px;
  height: auto;
}

.twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds p {
  width: 626px;
  height: auto;
}


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

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

ul, ol {
  margin: 0px;
}

ul {
  list-style: none;
  padding: 0px 0px 0px 0px;  
}

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

ul li {
  font-size: 12px;
  line-height: 16px;
  padding: 0px 0px 2px 14px;
  margin: 0px;
  background: url("../image/bullet.gif") 0px 5px no-repeat;
}

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

ul li ul {
  margin: 0px 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-left: 0px;
  margin: 0px;
  list-style:none;
  background:none;
}

#sideBar ul li.half {
  float: left !important;
  width: 155px !important;
  padding: 0px 0px 2px 14px !important;
}


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

table {
  float: left;
  clear: left;
  display: inline;
  width: 100%;
  height: auto;
  margin: 0px 0px 12px 0px;
}

#mainLeft table {
  width: 385px;
}

table tr th {
  width: 165px;
  height: auto;
  font-weight: bold;
  padding: 8px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
  text-align: left;
}

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

table.commentForm th {
  width: 250px;
}

table.commentForm td {
  width: 500px;
}

table.commentForm input.text,
table.commentForm textarea {
  width: 500px;
}

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

input {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #666666;
  background: #eeeeee;
}

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

input.text {
  width: 200px;
  height: auto;
  color: #000000;
}

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

input.state {
  width: 70px;
  height: auto;
}

input.zip {
  width: 70px;
  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: 208px;
  height: auto;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #666666;
  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: 200px;
  height: 150px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 1px #666666;
  background: #eeeeee;
}

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

input.submit {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 3px 8px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  background: #eeeeee;
  border: solid 1px #cccccc;
}

input.submit:hover {
  background: #99ccee;
  border-color: #447799;
  cursor: pointer;
}

a.button, a.button:link, a.button:visited {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 4px 8px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #226699;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
  text-decoration: none;
}

a.button:hover, a.button:active {
  background: #99ccee;
  text-decoration: none;
}

 .error {
  font-weight: bold;
  color: #990000;
}

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

p.error {
  width: 375px;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
}

/*************** March Madness Form */

#mmForm {
  float: left;
  display: inline;
  width: 484px;
  height: auto;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}

#mmForm table {
  float: left;
  dispay: inline;
  border-collapse: collapse;
  width: 484px;
  height: auto;
  margin: 0px;
  padding: 0px;
}

#mmForm table th {
  width: 25%;
  padding: 8px 6px 6px 0px;
  line-height: 16px;
  font-weight: normal;
}

#mmForm table td {
  width: 75%;
  padding: 6px 6px 6px 0px;
  line-height: 16px;
}

#mmForm input.text {
  float: left;
  display: inline;
  width: 140px;
  padding: 2px;
  margin-right: 4px;
}

#mmForm input.text.wide {
  width: 300px;
}

#mmForm input.text.state {
  width: 70px;
}

#mmForm input.text.zip {
  width: 70px;
}

div.blog, div.blog p {
  font-size: 14px;
  line-height: 20px;
}

#sideBar p{ width: 100%;} 

div.blog h1,
div.blog h2,
div.blog h3,
div.blog h4,
div.blog p,
div.blog blockquote,
div.blog table,
div.blog div.list {
  float: none !important;
  display: block !important;
}

div.blog table {
  border-collapse: collapse;
}

div.blog table th {
  border: solid 1px #999999;
  padding: 5px;
  background: #eeeeee;
}

div.blog table td {
  padding: 5px;
  border: solid 1px #999999;
}

div.blog blockquote {
  border-left: solid 2px #999999;
  width: 753px;
}

div.blog blockquote p {
  margin: 0px;
}

a.tag {
  line-height: 1.8em;
}

/*************** Golf Page */

.golf { float: left; display: inline; width: 894px; padding: 10px 30px; }

.golf .h1, .golf .h2, .golf .h3, .golf p { font-family: Georgia, sans-serif; width: 100%; }

.golf .h1 { font-size: 30px; line-height: 38px; letter-spacing: -1px; color: #22501B; }
.golf .h2 { font-size: 17px; line-height: 24px; letter-spacing: -1px; color: #22501B; }
.golf .h3 { font-size: 14px; line-height: 22px; color: #22501B; }

.golf .twoThirds { width: 480px; }
.golf .third     { width: 300px; }

.golf input.text { padding: 4px; width: 290px; }
.golf select     { padding: 3px; width: 70px; }
.golf input.text.city { width: 120px; }
.golf input.text.zip  { width: 60px; }

.golf .notice { background: #FAEC7E; border: solid 1px #BCAE52; padding: 19px; }


/*************** Coupon Page */

.coupon { float: left; display: inline; width: 894px; padding: 10px 30px; }
.coupon.flyer { background: url('../image/coupon-holidays11-bg.jpg') no-repeat bottom right #fff;  }


.coupon .twoThirds.cutout {
  border: 4px dashed #F26522;
  padding: 25px;
  text-align: center;
  margin: 0 auto;
  width: 430px;
  }

.coupon .twoThirds.cutout p{
  font-size: 16px; 
  line-height: 16px; 
  color: #353535;
  text-transform: uppercase;
}

  
.coupon .twoThirds.cutout p.intro {
  color: #AD1D1C;
  font-size: 48px; 
  letter-spacing: -3px;
  line-height: 52px; 
}

.coupon .twoThirds.cutout p.intro span{
  font-weight: bold;
}

.coupon .twoThirds.cutout p.outro{
  color: #f26522;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 36px;
}

.coupon .twoThirds.cutout .lines {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  padding: 5px 0px;
}

.coupon .h1, .coupon .h2, .coupon h2, .coupon .h3, .coupon p {width: 100%; }

.coupon .h1 { font-size: 26px; line-height: 32px; letter-spacing: -2px; color: #aa8a69; font-weight: bold; text-transform: uppercase; }
.coupon .h2,
.coupon h2 { 
  color: #182b6d;
  font-size: 16px;
  font-family: arial,helvetica,sans-serif;
  letter-spacing: -1px;
  line-height: 24px;
  text-transform: uppercase; 
  }
.coupon .h3 { font-size: 14px; line-height: 22px; color: #22501B; }

.coupon .twoThirds { width: 480px; }
.coupon .third     { width: 300px; }

.coupon input.text { padding: 4px; width: 290px; }
.coupon select     { padding: 3px; width: 70px; }

.coupon div.errors.list {
    width: 100%;
    color: #ED1C24;
}



/*************** Generic Classes */
.border          { border: 1px solid red; }
.floatLeft, .fl  { float: left; display: inline; }
.floatRight, .fr { float: right !important; display: inline; }
img.floatLeft    { float: left; display: block; margin: 0px 8px 8px 0px; }
img.floatRight   { float: right; display: block; margin: 0px 0px 8px 8px; }
.centered        { text-align: center; }
.alignRight      { text-align: right; }

.nm              { margin: 0px !important;}
.sm              { margin-bottom: 3px !important; }
.mr              { margin-right: 15px; }
.mb              { margin-bottom: 10px; }
.bmb              { margin-bottom: 25px; }

.tiny            { font-size: 10px; line-height: 16px; font-family: Tahoma, Geneva, sans-serif; }
.small           { font-size: 11px !important; line-height: 16px; }
.normal          { font-size: 12px !important; line-height: 18px; }
.medium          { font-size: 14px !important; line-height: 16px; }
.big             { font-size: 16px ; line-height: 22px; }
.bigger          { font-size: 18px; line-height: 20px; }
.huge            { font-size: 26px; line-height: 30px; }

.italic          { font-style: italic; }
.bold            { font-weight: bold; }
.nobold          { font-weight: normal; }

.grey            { color: #999999; }
.blue            { color: #336699; }
.green           { color: #339933; }
.red             { color: #993333; }
.black           { color: #111111; }
.darkBlue        { color: #002244; }
.white           { color: #ffffff !important; }

.half            { width: 467px; padding: 0px 10px 10px 0px; }
.third           { width: 308px; padding: 0px 10px 10px 0px; }
.twoThirds       { width: 626px; padding: 0px 10px 10px 0px; }

.marginBottom   { margin: 0px 0px 8px 0px; }
.bigMarginBottom   { margin: 0px 0px 20px 0px; }
.noMargin       { margin: 0px !important; }
.smallMargin    { margin: 0px 0px 4px 0px !important; }

.nobold {font-weight: normal !important;}

.darkBlue       { color: #002244; }
.strong       { font-weight: bold; }