* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Helvetica, sans-serif;
 text-align: center;
 background-image: url('http://csiconcrete.com/images/bluebgtile.jpg');
}

#wrapper { 
 margin: 0px auto;
 width: 1000px;
 border-left: 3px solid #666666;
 border-right: 0px solid #666666;
}

hr {
  color:#ffffff;
  height: 1px;
border-width:0;
background-color: #ffffff;
}

hr.gray {
  color:#999999;
  height: 1px;
border-width:0;
background-color: #999999;
}

ul.left {
padding: 0px 20px 0px 20px;
text-align: justify;
color: #000000;
}

img {
  border-style: none;
}

img.floatleft { 
    float: left; 
    margin: 7px; 
}
img.floatright { 
    float: right; 
    margin: 7px; 
}

a {text-decoration: none; color:#003366;}
a:hover {text-decoration: none; color:#990000;}


  /*
IF USING A GRAPHIC, SET THE BACKGROUND-IMAGE WITH THE GRAPHIC URL AND ADJUST THE HEIGHT ACCORDINGLY
*/
#header {
 color: #ffffff;
 width: 1000px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 208px;
 margin: 0px 0px 0px 0px;
 background-image: url('http://csiconcrete.com/images/csiheaderconcrete.jpg');
 background-repeat: no-repeat;
}

table.page {
table-layout: auto;
border-collapse: collapse;
}

table.one {
table-layout: auto;
border-collapse: collapse;
}

td.left { 
 background-image: url('http://csiconcrete.com/images/dkgraybgtile.jpg');
 width: 208px;
 padding: 0px 7px 0px 0px;
 vertical-align: top;
}

td.right { 
 background-color: #ffffff;
 padding: 20px 20px 20px 20px;
 vertical-align: top;
 width: 790px;
}

td.msds {
padding: 10px 7px 10px 7px;
vertical-align: top;
background-image: url('http://csiconcrete.com/images/offwhitebgtile.jpg');
}

td.texttop {
padding: 10px 10px 10px 10px;
vertical-align: top;
}

td.textmiddle {
padding: 10px 10px 10px 0px;
vertical-align: middle;
}

td.textbottom {
padding: 10px 10px 10px 0px;
vertical-align: bottom;
}

td.footer {
padding: 0px 0px 0px 0px;
background-image: url('http://texastimbercountry.com/images/dkgraybgtile.jpg');
height: 30px;
vertical-align: middle;
}

td.medgray {
padding: 5px 5px 5px 5px;
background-image: url('http://texastimbercountry.com/images/splatterbgtile.jpg');
border: 1px solid #666666;
vertical-align: middle;
}

td.offwhite {
padding: 5px 5px 5px 5px;
background-image: url('http://texastimbercountry.com/images/offwhitebgtile.jpg');
border: 1px solid #666666;
vertical-align: top;
}

td.safetybg:hover {
background-image: url('http://csiconcrete.com/images/cautionroundedbghover.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 321px;
height: 107px;
}

td.creditcardbg:hover {
background-image: url('http://csiconcrete.com/images/creditcardbghover.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 107px;
}

td.emailbg:hover {
background-image: url('http://csiconcrete.com/images/emailbghover.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 107px;
}

td.authorizedbg:hover {
background-image: url('http://csiconcrete.com/images/authorizedbghover.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 107px;
}

td.safetybg {
background-image: url('http://csiconcrete.com/images/cautionroundedbg.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 321px;
height: 107px;
}

td.creditcardbg {
background-image: url('http://csiconcrete.com/images/creditcardbg.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 107px;
}

td.emailbg {
background-image: url('http://csiconcrete.com/images/emailbg.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 107px;
}

td.authorizedbg {
background-image: url('http://csiconcrete.com/images/authorizedbg.jpg');
background-position: 0 0px;
border: 2px solid #ffffff;
vertical-align: bottom;
width: 107px;
}

.dkgray14 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
}

.dkgray12bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
}

.dkgray10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
line-height:13px;
display:block;
}

.dkgray12 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.dkgray10 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
line-height:13px;
display:block;
}

.dkgray10italic {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-style: italic;
line-height:13px;
display:block;
}

.dkgreen12bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666633;
font-weight: bold;
}

.dkgreen10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666633;
font-weight: bold;
line-height:13px;
display:block;
}

.dkgreen12 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666633;
}

.dkgreen10 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666633;
line-height:13px;
display:block;
}

.dkgreen10italic {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666633;
font-style: italic;
line-height:13px;
display:block;
}

.medgreen12bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #999966;
font-weight: bold;
}

.medgreen10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #999966;
font-weight: bold;
line-height:13px;
display:block;
}

.medgreen12 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #999966;
}

.medgreen10 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #999966;
line-height:13px;
display:block;
}

.medgreen10italic {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #999966;
font-style: italic;
line-height:13px;
display:block;
}

.red10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #990000;
font-weight: bold;
line-height:13px;
display:block;
}

.blue10 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #003399;
line-height:13px;
display:block;
}

.blue12bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
font-weight: bold;
}

.blue10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #003366;
font-weight: bold;
line-height:13px;
display:block;
}

.black12bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}

.black10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
line-height:13px;
display:block;
}

.black12 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.black10 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
line-height:13px;
display:block;
}

.black10italic {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: italic;
line-height:13px;
display:block;
}

.white10bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: bold;
line-height:13px;
display:block;
}

.arial9 {
font-family: Arial;
font-size: 9px;
}

.black9bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
line-height:13px;
display:block;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.justify {
text-align: justify;
}