/* 
Copyright 2006 Total Vending. All Rights Reserved
------------------------------------------------------
General Elements
Page Structure
Typography
Navigation
Links
Images
Footer
------------------------------------------------------ */
/* GENERAL ELEMENTS */
body {
font: normal 12px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
color: #545454;
background: #F3F5F8 url(images/bg.gif) top left repeat-x;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */		
table#wrap {
margin: 0;
padding: 0;
width: 100%;
}	
table#header {
margin: 0;
padding: 0;
background: #fff url(images/headerbg.gif) bottom left repeat-x;
height: 152px;
width: 100%;
}
table#copy {
background: #fff url(images/watermark.gif) bottom right no-repeat;
padding: 0;
margin: 0;
}				
td#left {
width: 170px;
margin: 0;
background: #0C408D;
color: #fff;
border-top: 1px solid #fff;
vertical-align: top;
}
td#right {
padding: 0;
margin: 0;
background: url(images/copy_right.jpg) top right no-repeat;
vertical-align: top;
width: 100%;
}
table#requests {
background: url(images/lefttopbg.gif) bottom left no-repeat;
border-bottom: 1px solid #fff;
width: 170px;
}
td#promo {
background: url(images/leftbg.gif) bottom left no-repeat;
}
#leftframe {
width: 60px;
background: url(images/leftframe.gif) top right no-repeat;
}
#rightframe {
width: 60px;
background: url(images/rightframe.gif) top left no-repeat;
}
table.desc {
padding: 0;
margin: 8px 20px;
width: 93%;
border-top: 1px solid #eee;
color: #336699;
}
table.descalt {
padding: 0;
margin: 8px 20px;
width: 93%;
border-top: 1px solid #eee;
background: url(images/descbg.gif) top left no-repeat;
color: #336699;
}
table.desc td, table.descalt td {
vertical-align: top;
padding: 10px 0;
}
table.desc strong, table.descalt strong {
color: #E9A33C;
font-size: 13px;
}
table.desc p {
padding: 0 20px;
}
table.descalt p {
padding: 0;
}
/* TYPOGRAPHY */
table, table td, table tr {
font: normal 12px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
padding: 0;
margin: 0;
}
#left p {
margin: 0; 
padding: 8px 14px; 
font: normal 11px/18px Arial, Helvetica, "Trebuchet MS", sans-serif;
}
p {
margin: 0; 
padding: 8px 20px; 
}
h1#home { 
padding: 0; 
margin: 22px 20px 10px 20px;
height: 45px;
}
h1#inside { 
padding: 0; 
margin: 22px 20px 10px 20px;
height: 16px;
}
h3 {
padding: 0;
margin: 0;
font: bold 12px/18px Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
text-transform: uppercase;
padding: 8px 20px; 
color: #E9A33C;
}
#left h3 {
padding: 3px 14px 0 14px;
font: bold 11px/18px Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
}
.green {
color: #78CB02;
}
.orange {
color: #E9A33C;
font-weight: bold;
}
/* NAVIGATION  */
table#tvnav {
margin: 0 0 0 4px;
padding: 0;
height: 23px;
}
td#navwrap {
width: 100%;
margin: 0;
padding: 0;
background: url(images/nav_right.jpg) top right no-repeat;
}
table#nav {
margin: 0;
padding: 0;
height: 23px;
width: 100%;
background: #79CC02 url(images/navbg.gif) top left repeat-x;
}
#tvnav td {
margin: 0;
line-height: 12px;
padding: 5px 9px 6px 9px;
}
#tvnav a {
color: #fff;
margin: 0;
text-decoration: none;
display: block;
padding: 0;
text-transform: uppercase;
font: bold 10px Verdana, Helvetica, "Trebuchet MS", sans-serif;
}
#tvnav a:hover, #tvnav td.current a {
color: #000;
}
/* LINKS */
.logo {
float: left;
padding: 0;
margin: 0;
height: 152px;
width: 196px;
}
a {
padding: 0;
margin: 0;
color: #78CB02;
}
a:hover, a:active {
text-decoration: none
}
a img {
border: none;
}
.productsweoffer {
background: #79CC02;
color: #fff;
text-decoration: none;
text-transform: uppercase;
width: 170px;
padding: 10px 0;
text-align: center;
float: left;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px solid #fff;
}
.productsdetails {
background: #B8C4DA;
color: #fff;
text-decoration: none;
padding: 10px;
float: left;
font-weight: bold;
letter-spacing: 1px;
}
td.productsbuttons {
width: 170px;
padding: 0;
margin: 0;
background: #B8C4DA;
border-bottom: 1px solid #fff;
}
.productsdetails:hover {
color: #000;
}
.productsweoffer:hover {
background: #000;
}
.vendingoptions {
float: left;
margin: 0;
padding: 0;
}
/* IMAGES */
td.headerright {
background: url(images/header_right.jpg) top right no-repeat;
width: 534px;
}
.imageright {
float: right;
padding: 0;
margin: 20px;
}
.imageleft {
float: left;
padding: 0;
margin: 20px;
}
.imagecenter {
text-align: center;
}
.coke {
margin: 20px 0 20px 32px;
}
.productlogos {
text-align: center;
margin-top: 20px;
}
/* FOOTER */		
table#footer {
width: 100%;
text-align: left;
vertical-align: top;
color: #6E8DC3;
padding: 0;
margin: 0;
background: url(images/footerendbg.gif) top left no-repeat;
}
table#footer p {
padding: 6px 20px 0 3px;
background: #062357 url(images/footerbg.gif) top left repeat-x;
font: normal 10px/18px Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
}