@import url(shadow.css);
@import url(fontStyles.css);

html, body {
  text-align: center;
  margin: 0;
  background: url(../images/htmlBg.gif) #e7e0d8 repeat-y center top;}

div {
  text-align: left;}

#pageContainer {
  width: 750px;
  border: 1px solid transparent;
  margin: -1px auto;
  background: url(../images/pageContainerBg.jpg) #580a08 no-repeat center top;}

#headerContainer {
  width: 750px;}
  
  #tcsLogo {
    width: 370px;
    height: 104px;
    position: absolute;
    background: url(../images/tcsLogoTransparent.gif) transparent no-repeat center top;
    margin: 106px auto auto 9px;
    z-index: 10;
    display: block;}

  #woodBar {
    width: 750px;
    height: 33px;
    background: url(../images/headerWoodBarBg.jpg) transparent repeat-x center top;
    margin: 130px 0 0 0;
    vertical-align: middle;
    line-height: 33px;}
    
    #navigationContainer {
      margin-right: 24px;
      height: 24px;}
    
      #navigationContainer div {
        display: inline;
        float: right;
        background: #741416;
        border: 1px solid #cb9768;
        height: 24px;
        text-align: center;
        vertical-align: middle;
        line-height: 24px;
        margin: 3px 0 3px 3px;}

  #shadowContainer {
    width: 750px;
    height: 5px;}

#bodyContainer {
  width: 694px;
  margin: -5px 28px 20px 28px;
  padding: 0;
  background: #5e0809;
  border: 2px solid white;
  border-top: 0px;
  vertical-align: top;}

  table#indexContent {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1em;}
    
    td#contentLeft {
      width: 490px;
      background: #fee1d1;
      padding: 40px 0 0 0;
      vertical-align: top;
      line-height: 1em;}
      
      #bodyContent {
        border: 0px solid red;
        margin: 0 10px;}
      
        div.webSpecialContainer {
          margin: 20px 10px;
          display: block;
          border-bottom: 1px solid #580a08;}
        
          div.webSpecialContainer img {
            float: left;
            border: 1px solid #580a08;
            margin-right: 10px;}
    
    td#contentRight {
      width: 204px;
      background: #ffbf9f;
      border-left: 2px solid white;
      padding: 0;
      vertical-align: top;
      line-height: 1em;}
      
      #contentRight img {
        border: 0;
        margin: 0;
        display: block;}
      
      #smokinProducts {
        width: 204px;
        height: 38px;
        border: 1px solid white;
        border-left: 0;
        border-right: 0;
        background: url(../images/smokinProducts.gif) transparent no-repeat center top;}
      
      #viewAllProducts {
        width: 204px;
        height: 140px;
        display: block;
        position: absolute;
        cursor: pointer;
        margin-top: -150px;
        margin-left: 482px;}
    
    td#contentBottom {
      width: 694px;
      vertical-align: middle;
      line-height: 1em;
      border-top: 1px solid white;
      background: #552f22;
      padding: 8px;}
      
      .textAlignLeft {
        text-align: left;}
      
      .textAlignRight {
        text-align: right;}
        
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Home & Contact Buttons &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

#homeContactButtons {
	height: 20px;
	background: #5E87CB;
	border-right: 1px solid #95B0DC;
	border-bottom: 1px solid #95B0DC;		
	margin: 0;
	padding: 5px;
	text-transform: uppercase;
	position: absolute;}
	
.button {
	background: #5E87cb;
	color: white;
	border: none;
	margin: 0;}
	
form {
	margin: 0;}
	
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Sold Out Settings &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& */

.soldOut {
	position: absolute;
	margin-top: 100px;}