html {
	width: 100%;
	height: 100%;
}

* html .productbg .text {
margin: 0 -3px; ma\rgin: 0;
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	background: url(/site-layout/gfx/bg.gif) repeat-x #4b4b4b;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

body, input, select, textarea {

}
h1, h2, h3, h4, h5, h6, h7, p{
	margin: 0;	
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        padding: 0;
        color: #FFF;
        font-weight: normal;
}

h2 {
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        padding: 0;
        color: #FFF;
        font-weight: normal;
}
h3 {
	color: #fff;
}

a:focus {
        outline: none;
}

a {
        border: none;
}
a:link {
	color: #fff;
	text-decoration: underline;
}
a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}

a img {
        border: none;
}

img a {
        border: none;
}
 
table {
        border-collapse:collapse;
        border: 1px solid #C0C0C0;
        margin: 0 0 20px 0;
}

td {  
        border: 1px solid #C0C0C0;
        text-align: left;
        vertical-align:top;
        padding: 0 0 0 5px;
}

.canvas {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

html>body .canvas {
	height: auto;
}

.break {
	clear: both;
}

.hidden {
	display: none;
}


.bottom {
	position: absolute;
	bottom: -1px;
}

.block0 {
	position: absolute;
	left: 50%;
	overflow: visible;
}

.block1 {
	position: absolute;
	left: -466px;
	width: 932px;
	overflow: hidden;
	
	padding: 0;
	margin: 0;
}
.block1 .padding {
	padding: 0 17px;
	margin: 0;
	overflow: hidden;
}

.header {
	float: left;
	width: 900px;
	height: 184px;
	overflow: hidden;
	background: url(/site-layout/gfx/header.jpg) no-repeat;
	color: #FFFFFF;
}

.header .padding {
	padding: 129px 0 0 0;
}

.row1 {
	float: left;
	width: 900px;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
        background: #00284b;
}

.row1-bottom {
        width: 900px;
	height: 13px;
	background: url(/site-layout/gfx/borderShadow.gif) repeat-x #fff;
        margin: 0;
        padding: 0;
}

.row1 img {
	float: left;
        margin: 0 14px 0 0;
}

.homeRow2 {
	float: left;
	width: 900px;
	height: 192px;
	margin: 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

.homeColumn2-1 {
	float: left;
	width: 228px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.homeColumn2-2 {
	float: left;
	width: 228px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.homeColumn2-3 {
	float: left;
	width: 228px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.homeColumn2-4 {
	float: left;
	width: 216px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.homeColumn2-5 {
	float: left;
	width: 444px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.column00 {
	float: left;
	width: 900px;
	height: auto;
	overflow: hidden;
	background-color: #ffcccc;
}

.column00 .padding {
        padding: 20px;
}

.column1 {
	float: left;
	width: 500px;
	height: auto;
	overflow: hidden;
	background-color: #ffcccc;
}
.column2 {
	float: left;
	width: 100px;
	height: auto;
	overflow: hidden;
	background-color: #ccffcc;
}

.footer {
	float: left;
	width: 900px;
	height: 70px;
	overflow: hidden;
	background: url(/site-layout/gfx/footerBg.gif) repeat-x;
}
.footer .padding {
	padding: 31px 20px 0 10px;
	text-align: center;
}
.footer .padding p {
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #5383a4;
}
.footer a:link{
   color: #5383a4;
   text-decoration: none;
}

.footer a:visited{
   color: #5383a4;
   text-decoration: none;
}

.footer a:hover{
   color: #FFF;
   text-decoration: none;
}

.footer a:active{
   color: #5383a4;
   text-decoration: none;
}

.subfooter {
	float: left;
	width: 900px;
	height: 60px;
        line-height: 60px;
	overflow: hidden;
}

.subfooter .padding {
	padding: 0;
	text-align: right;
}

.logo {
        width:305px;
	height:127px;
	background: url/site-layout/gfx/logo.gif) no-repeat top left;
	position: absolute;
	left: 178px;
	top: 0;
}

.lavaLamp {
    position: relative;
    height: 30px; width: 900px;
    padding: 0; margin: 2px 0 0 10px; 
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("/site-layout/gfx/lava.gif") no-repeat right -30px;
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url("/site-layout/gfx/lava.gif") no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }

        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 12px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }
        
        .lavaLamp li a:hover {
           color: #dddddd;
        }

#home {
   width: 442px;
   height: 364px;
   margin: 0;
   padding: 0;
   float: left;
   border-right: 15px solid #FFF;
}

#home img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

#home2 {
   width: 390px;
   margin: 0;
   padding: 0;
   float: left;
}

#home2 img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

#home3 {
   width: 390px;
   margin: 0;
   padding: 0;
   float: left;
}

#home3 img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

ul#products {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float: left;
}

ul#products li img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

ul#media {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float: left;
}

ul#media li img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

ul#media-temp {
   list-style-type: none;
   margin: 0 12px 0 0;
   padding: 0;
   float: left;
   width: 444px;
}

ul#media-temp li img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

ul#media2 {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float: left;
}

ul#media2 li img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

ul#media3 {
   list-style-type: none;
   margin: 0;
   padding: 0;
   float: left;
}

ul#media3 li img{
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
}

.productbg {
   background: url("/site-layout/gfx/product-bg.gif") repeat left top;
   width: 900px;
   float: left;
   display: block;
}

.contactbg {
   background: url("/site-layout/gfx/media-bg.gif") repeat left top;
   width: 900px;
   float: left;
}

.distributorbg {
   background: url("/site-layout/gfx/media-bg.gif") repeat left top;
   width: 900px;
   float: left;
}

.distributorbg .distributor {
   width: 900px;
   float: left;
   font-size: 14px;
   color: #fff;
}

.distributorbg .distributor .padding {
   padding: 20px;
}

.contactbg .photo {
   width: 400px;
   float: left;
   display: block;
}

.contactbg .contact {
   width: 498px;
   float: left;
   font-size: 14px;
   color: #fff;
}

.contactbg .contact .padding {
   padding: 20px;
}

.contactbg .contact-wide {
   width: 900px;
   float: left;
   font-size: 14px;
   color: #fff;
}

.contactbg .contact-wide .padding {
   padding: 20px;
}

.mediabg {
   background: url("/site-layout/gfx/media-bg.gif") repeat left top;
   width: 900px;
   float: left;
}

.mediabg .photo {
   width: 400px;
   float: left;
   margin: 0;
   padding: 0;
}

.mediabg .article {
   width: 550px;
   float: left;
   background: #656668;
   text-align: center;
}

.mediabg .article .padding{
   padding: 20px 0;
}

.mediabg .text {
   width: 350px;
   float: left;
}

.mediabg .text .padding {
   padding: 20px;
}

.mediabg .text .padding img{
   margin: 0 0 20px 0;
}

.mediabg .text .padding a{
   color: #fff;
   text-decoration: none;
}

.mediabg .text .padding a:link{
   color: #fff;
   text-decoration: none;
}

.mediabg .text .padding a:visited{
   color: #fff;
   text-decoration: none;
}

.mediabg .text .padding a:hover{
   color: #ccc;
   text-decoration: none;
}

.mediabg .text .padding a:active{
   color: #fff;
   text-decoration: none;
}

.mediabg .thumbs {
   width: 500px;
   height: 161px;
   float: left;
}

.mediabg .thumbs .thumbsleft {
   width: 215px;
   height: 161px;
   float: left;
}

.mediabg .thumbs .thumbsright {
   width: 284px;
   height: 161px;
   float: left;
}

.mediabg .media {
   width: 500px;
   float: left;
   font-size: 12px;
   padding: 0 0 10px 0;
}

.mediabg .media .padding {
   padding: 10px 20px;
}

.mediabg .media .padding h1 {
   color: #FFF;
   font-size: 14px;
   margin: 15px 0 20px 0;
   padding: 0;
}

.mediabg .media .padding h2 {
   color: #FFF;
   font-size: 12px;
   margin: 20px 0 10px 0;
}

.mediabg .media .padding .box {
   width: 230px;
   float: left;
}

.mediabg .media .padding ul {
   margin: 10px 0;
   padding: 0;
   list-style-position: inside;
   list-style-type: none;
}

.mediabg .media .padding ul li {
   border-bottom: 1px solid #ccc;
   line-height: 25px;
}

.mediabg .media .padding ul li a{
   text-decoration: none;
   color: #ccc;
}

.mediabg .media .padding ul li a:link{
   text-decoration: none;
   color: #ccc;
}

.mediabg .media .padding ul li a:visited{
   text-decoration: none;
   color: #ccc;
}

.mediabg .media .padding ul li a:hover{
   text-decoration: none;
   color: #fff;
}

.mediabg .media .padding ul li a:active{
   text-decoration: none;
   color: #ccc;
}

.mediabg .media p {
   margin: 0 0 5px 0;
   padding: 0;
   line-height: 17px;
   color: #FFF;
}

.mediabg .media a:link {
   color: #FFF;
   text-decoration: none;
}

.mediabg .media a:visited {
   color: #FFF;
   text-decoration: none;
}

.mediabg .media a:hover {
   color: #e8e24a;
   text-decoration: none;
}

.mediabg .media a:active {
   color: #FFF;
   text-decoration: none;
}

.mediabg .media .title{
   font-weight: normal;
   font-size: 14px;
   text-transform: uppercase;
}

.mediabg .media .date{
   font-style: italic;
}

.mediabg .media img {
   float: left;
   margin: 0 10px 0 0;
}

.mediabg .media .odd {
   float: left;
   background: #00284b;
   padding: 20px;
   margin: 0;
   width: 460px;
}

.mediabg .media .odd .right {
   width: 300px;
   float: left;
   color: #fff;
}

.mediabg .media .odd .right a{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .odd .right a:link{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .odd .right a:visited{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .odd .right a:hover{
   color: #1a1a1a;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .odd .right a:active{
   color: #1a1a1a;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .even {
   float: left;
   background: #00192e;
   padding: 20px;
   margin: 0;
   width: 460px;
}

.mediabg .media .even .right {
   width: 300px;
   float: left;
   color: #FFF;
}

.mediabg .media .even .right a{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .even .right a:link{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .even .right a:visited{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .even .right a:hover{
   color: #1a1a1a;
   text-decoration: none;
   font-weight: bold;
}

.mediabg .media .even .right a:active{
   color: #fff;
   text-decoration: none;
   font-weight: bold;
}

.productbg .float{
   float: left;
}

.productbg .left{
   float: left;
   width: 224px;
}

.text {
   float: left;
   color: white;
   margin:0;
   padding: 0;
   width: 345px;
   display: block;
}

.text .padding{
   padding: 20px;
   margin: 0;
   line-height: 18px;
   font-size: 12px;
}

.text .padding p{
   margin: 0 0 10px 0;
}

.text .padding p a{
   color: #FFF;
   text-decoration: none;
}

.text .padding p a:link{
   color: #FFF;
   text-decoration: none;
}

.text .padding p a:visited{
   color: #FFF;
   text-decoration: none;
}

.text .padding p a:hover{
   color: #ccc;
   text-decoration: none;
}

.text .padding p a:active{
   color: #FFF;
   text-decoration: none;
}

.data {
   float: left;
   color: white;
   margin:0;
   padding: 0;
   width: 330px;
   display: block;
}

.data .padding{
   padding: 20px;
   margin: 0;
   line-height: 18px;
   font-size: 12px;
}

.data .padding p{
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   border-bottom: 1px solid #FFF;
}

.data .padding img{
   margin: 0 0 20px 0;
}

#news {
   background: #fff;
   width: 215px;
   height: 162px;
   margin: 0;
   padding: 0;
}

.distributor .notification_error {
   border: 1px solid #d90119;
   height: auto;
   width: 793px;
   padding: 10px;
   margin: 0 0 10px 0;
   background: #d90119;
   text-align: left;
   font-size: 12px;
}

.distributor .notification_ok {
   border: 1px solid #e9e351;
   height: auto;
   width: 793px;
   padding: 10px;
   background: #e9e351;
   text-align: center;
   font-size: 12px;
   color: #00284b;
}

.contact .notification_error {
   border: 1px solid #d90119;
   height: auto;
   width: 390px;
   padding: 10px;
   margin: 0 0 10px 0;
   background: #d90119;
   text-align: left;
   font-size: 12px;
}

.contact .notification_ok {
   border: 1px solid #e9e351;
   height: auto;
   width: 390px;
   padding: 10px;
   background: #e9e351;
   text-align: center;
   font-size: 12px;
   color: #00284b;
}

.contact form {
   margin: 0;
   padding: 0;
}

.distributors label {
   width: 320px;
   padding: 0;
   margin: 5px 0 5px 0;
   float: left;
   text-align: left;
   font-size: 12px;
}

.distributors input {
   margin: 5px 0;
   padding: 5px; 
   float: left;
   border: 1px solid #fff; 
   color: #333333; 
   font-size: 11px;
   width: 482px;
}

.distributors textarea {
   margin: 5px 0;
   padding: 5px; 
   float: left;
   border: 1px solid #fff; 
   color: #333333; 
   font-size: 11px;
   width: 482px;
   height: 150px;
}

.distributors .button {
   border: 2px solid #FFF; 
   background: #FFF;
   color: #00284b; 
   font-size: 12px;
   padding: 2px;
   margin: 10px 0;
   width: 100px;
   float: right;
}

.info_fieldset {
   border: 1px solid #013867;
   padding: 20px;
}

.info_fieldset legend {
   border: none; 
   color: #fff; 
   font-size: 14px;
   padding: 5px 5px 5px 0;
   text-transform: uppercase;
   font-weight: normal;
}

.contact .button {
   border: 2px solid #FFF; 
   background: #FFF;
   color: #00284b; 
   font-size: 12px;
   padding: 2px;
   margin: 10px 0;
   width: 100px;
   float: right;
}

.contact label {
   width: 140px;
   padding: 0;
   margin: 5px 0 5px 0;
   float: left;
   text-align: left;
   font-size: 12px;
}

.contact input {
   margin: 5px 0;
   padding: 5px; 
   float: left;
   border: 1px solid #fff; 
   color: #333333; 
   font-size: 11px;
   width: 260px;
}

.contact textarea {
   margin: 5px 0;
   padding: 5px; 
   float: left;
   border: 1px solid #fff; 
   color: #333333; 
   font-size: 11px;
   width: 260px;
   height: 150px;
}

/* BR */

br {
clear: left;
}

#loading {
   
}

.home {
   color: #fff;
   margin:0;
   padding: 0;
   float: left;
   width: 440px;
}

.home h1 {
   padding: 20px 20px 0 20px;
   margin:0;

}

.home p {
   padding:20px;
   margin:0;
   line-height: 16px;
   font-size: 11px;
}

#scriptspaginate2 {
   width: 490px;
   margin: 5px 0;
   padding: 0;
   float: left;
}

#scriptspaginate {
   margin: 5px 0;
   padding: 0;
   float: left;
}


.virtualpage2  {
   float: left;
}

.paginationstyle{ 
   width: 490px;
   text-align: center;
   padding: 0;
   margin: 0;
   float: left;
}

.paginationstyle a{
   margin: 0;
   padding: 0 5px;
   text-decoration: none;
   color: #fff;
}

.paginationstyle a:hover, .paginationstyle a.selected{
   color: #ccc;
}

.paginateinfo {
   color: #fff;
}

.prevnext {
   background: #a7a9ac;
   padding: 0 0 7px 0;
   font-size: 12px;
}

.prevnext a:link{
   color: #656668;
   text-decoration: none;
}

.prevnext a:visited{
   color: #656668;
   text-decoration: none;
}

.prevnext a:hover{
   color: #FFF;
   text-decoration: none;
}

.prevnext a:active{
   color: #656668;
   text-decoration: none;
}

.prev {
   float: left;
   margin: 0 0 0 10px;
}

.next {
   float: right;
   margin: 0 10px 0 0;
}

.container {
	width:215px;
}

.hover {
	position:absolute;
	display:none;
	z-index:1500;
	width:245px;
	height:108px;
	background:url(http://www.liquidsmoking.com/site-layout/gfx/tooltip.png) no-repeat;
	padding: 10px 0 0 0;
}
	
.hover p{
	margin:10px;
	text-align:center;
	font-size: 10px;
}

.try-form {
	margin: 0;
        width: 215px;
}

.try-form .submit {
        width: 215px;
        height: 161px;
        border: none;
        magin: 0;
        padding: 0;
}

#player {
      z-index: 1;
}

#subnavcontainer {
   margin: 0;
   padding: 0;
   font-size: 12px;
   text-align: center;
}

ul#navlist {
   text-align: left;
   list-style: none;
   padding: 0;
   margin: 0 auto;
}

ul#navlist li {
   display: block;
   margin: 0;
   padding: 0;
}

ul#navlist li a {
   display: block;
   width: 204px;
   padding: 10px;
   border-bottom: 1px solid #b0091b;
   color: #FFF;
   text-decoration: none;
   background: #dc001a;
}

ul#navlist li.lr a {
   display: block;
   width: 204px;
   padding: 10px;
   border-bottom: 1px solid #e3d000;
   color: #001a2c;
   text-decoration: none;
   background: #e8e450;
}

#navcontainer>ul#navlist li a {
   width: auto;
}

ul#navlist li#active a {
   background: #b2071c;
   color: #FFF;
}

ul#navlist li.lr#active a {
   background: #d9d301;
   color: #001a2c;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
   color: #FFF;
   background: #b0091b;
}

ul#navlist li.lr a:hover, ul#navlist li.lr#active a:hover {
   color: #001a2c;
   background: #d9d301;
}

/* styles for error box */
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	padding:20px;
	border:dashed 2px red;
	width:90%;
	margin:0px auto;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
}

.error a, .error a:hover{
	color:#8a1f11;
}

/* simply moves close box to right */
.kickRight {
	text-align:right;
}