html{margin:0; padding:0; height:100%;}
body {margin:0; padding:0; height:100%; font:0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#005AA6 url(/css/contimg/main-bg2.png) top center repeat;}

/* formatting*/
a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
p {margin: 0 0 1em 0; padding:0;}
h1 {margin:0; padding:0;}
h2 {margin:0 0 1em 0; padding:0; text-transform:uppercase; font-size:1.4em; font-weight:bold;}
h3 {margin:2em 0 0.5em 0; padding:0; text-transform:uppercase; font-size:1.15em; font-weight:bold;}
h4 {margin:1em 0 0.2em 0; padding:0; font-size:1.05em; font-weight:bold;}
ul {margin:0; padding:0;}
li {margin:0; padding:0;}
ul.bullet {margin: 0 4em; padding:0; line-height:1.5em;}
ul.bullet li {margin: 0; padding:0; }


h2.h2Box {font-size:1em; margin:0; padding:0; font-weight:normal; }




/* Layout*/
#container {margin:0 auto; width:930px; position:relative; min-height:100%; height:auto !important; height:100%;}
#left {float:left; width:170px; height:100%; padding: 0;}
#main {float:left; margin: 0 0 0 10px; width: 750px; height: 100%; display:inline;}
#content {float:left; width: 738px; padding:6px; height:auto; background: #fff; } 
#gallery_div {float:left; height:400px;}

/* Left column */
#logo {float:left; width: 158px; height: 302px; background:#fff; padding: 0 6px 6px 6px;} 
#logo-inner {float:left; width: 132px; padding:13px; height:276px; background: #16325D;}
#logo a {float:left; width: 132px; height: 276px; background:#333 url(/css/contimg/tlb-logo.png) top left no-repeat;}
#testimonials {float:left; width:158px; height: 389px; background:#fff; padding: 6px; margin-top:10px;}
#testimonials-inner {float:left; width: 138px; height: 379px; padding: 0 10px 10px 10px; background: #16325D; overflow:hidden;}
#testimonials-inner p {margin:0; line-height:1.3em; font-size:1em; padding: 15px 0;}
.testimonials-group { float:left; width: 138px; height:170px; }
.referee {margin-top: 10px; display:block; font-style:italic;}

/* Header */
#header {float:left; width: 738px; height: 245px; padding: 0 6px 6px 6px; margin-bottom: 10px; background: #fff;}
#header-inner {float:left; width: 718px; height: 235px; padding: 0 10px 10px 10px; background: #16325D;}
#primary-nav {float:left; width: 380px; height: 65px; }
#primary-nav ul{float:left; width: 380px; height: 65px; list-style:none; margin:0; padding:0;}
#primary-nav ul li {list-style:none; height: 55px; float:left; margin:0; margin-left:10px; padding:0; }
#primary-nav ul li a {float:left; text-align:center;  background-position: 0px 0px; background-repeat: repeat-x; height:45px; font-size:1.2em; color:#fff; text-decoration:none; text-transform:uppercase; padding:10px 0 0 0;}
body#home a#home_btn, body#about a#about_btn, body#contact a#contact_btn, body#gallery a#gallery_btn {height: 55px; background-position: 0px -110px;}
#primary-nav li a:hover {text-decoration:none; background-position: 0px -55px;}
a#home_btn {background: url(/css/contimg/home-btn.png); width: 70px;}
a#about_btn {background: url(/css/contimg/about-btn.png); width: 80px;}
a#contact_btn {background: url(/css/contimg/contact-btn.png); width: 100px;}
a#gallery_btn {background: url(/css/contimg/gallery-btn.png); width: 100px;}
#tagline {float:left; width:338px; height: 65px;}
#tagline h1 { text-indent: -9999px; float:left; width: 338px; height:65px; margin:0; padding:0; background: transparent url(/css/contimg/tagline-bg.png) top left no-repeat;}
#banner {float:left; width: 718px; height: 130px; background:#000; padding:0; background: url(/css/contimg/banner-temp.png) top left no-repeat;}
#banner-holder {float:left; width: 718px; height: 130px; overflow:hidden;}

/* Secondary navigation */
#secondary-nav { float:left; width:718px; height:30px; margin-top: 10px; overflow:hidden;}
#secondary-nav ul {list-style:none; margin:0; padding:0; float:left; width: 718px; height:30px;}
#secondary-nav li {list-style:none; float:left; margin:0; margin-right:10px; padding:0; height:30px; width:auto; display:inline; }
#secondary-nav li a { float:left; font-size:1.1em; line-height:30px; color:#fff; text-decoration:none; text-transform:uppercase; background: url(/css/contimg/sec-nav-right.png) top right no-repeat; padding-right:8px;}
#secondary-nav li a span {background: url(/css/contimg/sec-nav-left.png) top left no-repeat; float:left; width:auto; height:30px; padding-left:8px; }
#secondary-nav li a:hover {color:#fff; background-position: bottom right; cursor:pointer;} 
#secondary-nav li a:hover span {background-position: bottom left;} 
body#vinyl_labels a#vinyl_btn, body#paper_labels a#paper_btn, body#shipping_labels a#shipping_btn, body#blank_labels a#blank_btn, body#barcode_labels a#barcode_btn, body#artwork_and_design a#artwork_and_design_btn {color:#fff; background-position: bottom right;}


body#vinyl_labels a#vinyl_btn span, body#paper_labels a#paper_btn span, body#shipping_labels a#shipping_btn span, body#blank_labels a#blank_btn span, body#barcode_labels a#barcode_btn span, body#artwork_and_design a#artwork_and_design_btn span {background-position: bottom left;} 


/* Welcome box */
#welcome {float:left; padding:0px; width:202px; height: 446px; background: #005AA6 url(/css/contimg/blue-bottom.png) bottom left no-repeat; position:relative; overflow:hidden;}
#welcome h1 {float:left; width: 202px; height:210px; margin:0; padding:0; background: transparent url(/css/contimg/welcome-bg.png) top left no-repeat; text-indent:-9999px; }


/* Home page boxes */
#box-outer {float:right; height: 446px; width: 530px;}
a.box {float:left; display:inline; width: 262px; height: 220px; position:relative; overflow:hidden; color:#fff; text-decoration:none; font-weight:bold; color:#fff; text-transform:uppercase; font-size:1em; line-height:1.2em; background: #333;}
span.box-heading { float:left; height: 50px; text-indent:-9999px; background-position:top left; background-repeat:no-repeat;}
span.box-paragraph {float:left; margin: 0 0 10px 10px; width: 262px; height:auto;}
span.click {clear:both; float:left; width: 200px; margin: 10px; }
a.box:hover {color:#000000; text-decoration:none;}
a.box:hover span.box-heading {background-position: bottom left;}

/* Footer */
#footer {float:right; width:738px; height: 72px; padding:6px; background: #fff; margin-top:10px; margin-bottom:20px; font-size:0.9em; line-height:1em; }
#footer-inner {float:left; padding:0; width: 738px; height:72px; background:#16325D;}
#footer-left {float:left; width: 450px; height: 42px; padding: 15px 10px 10px 10px;}
#footer ul {float:left; width: 450px; height: 20px; margin:0; padding:0; overflow:hidden;}
#footer li {list-style:none; display:inline; padding:0; margin:0;}
#footer li a { margin: 0 0.3em 0 0em; text-decoration:none; display:inline; line-height: 20px; color:#fff;}
#footer a:hover {text-decoration:underline;}
p#copyright { float:left; width: 400px; margin:0; padding:0; height:20px; line-height:20px;}
p#freephone {float:right; text-indent:-9999px; height: 72px; width: 250px; margin:0; padding:0; line-height: 72px; background: url(/css/contimg/freephone.png) center right no-repeat;}

/* product Pages */
#intro-img {float:left; width: 192px; height:auto; padding: 0; background: #000; position:relative;}
#intro {float:left; width: 500px; height:auto; padding:10px 20px 20px 20px; background:#CCC url(/css/contimg/transparent-curl.png) top right no-repeat; display:inline; margin-left:6px; /**/ display:inline; color: #000; }

#intro h1, .content-inner h1 {float:left; width: 100%; height: 50px; text-indent:-9999px; margin:0; margin-bottom: 5px;}



#content-left {float:left; width:192px; height:auto;}
#content-left img {float:left; width:178px; height: 178px; background: #000; margin-bottom: 20px; }
#content-main {float:left; width: 698px; padding: 20px; padding-top: 90px; height:auto; background:#E1E1E1 url(/css/contimg/transparent-curl.png) top right no-repeat; margin-top: 6px; display:inline; color:#000; position:relative;}
.content-inner {float:left; width: 698px; padding: 10px 20px 30px 20px; height:auto; position:relative; color: #000; background: #CCC url(/css/contimg/transparent-curl.png) top right no-repeat;}
body#about .content-inner, body#contact .content-inner {min-height:inherit;}
img.curl {position:absolute; top:0; right:0;}

/* Contact Details */
p.contact-details {float:left; margin: 3px 0 ; padding:0; line-height: 1.3em; width: 100%;}
p.contact-details strong {float:left; width: 25%; text-align:right;}
p.contact-details span {float:left; width:auto; margin-left: 1em;  /**/ display:inline;}

/* Product Tables */
ul#jump { margin:0; padding:0}
ul#jump li { margin: 0; padding:0; list-style:none; }
ul#jump li a {line-height:16px; padding-right: 16px; background: url(/css/contimg/more-arrow-black.png) center right no-repeat; text-decoration:none;} 
ul#jump li a:hover {text-decoration:underline; color:#000;}
table.list { float:right; width: 500px; padding:0; margin: 0px 0px 30px 0; display:inline; border-collapse:collapse; color: #000; font-size:0.85em; background:none;}
table.list td {padding: 2px 4px; margin: 0; text-align: center;}
table.list thead td {border:none;}
table.list tr.h3-row {height:50px; vertical-align:middle; border-bottom: 1px solid #CCC; background: url(/css/contimg/table-top.png) top left no-repeat;}
table.list h3 {margin:0 0 0 10px; padding:0; text-align:left; text-transform:uppercase; font-size: 1.3em;}
table.list tr.heading {vertical-align:bottom; font-weight:bold; height:110px; background: #F4F4F4; line-height: 1.2em;}
table.list tr.heading td { padding-top: 5px; }
table.list td.list-color {width: 20px; padding: 5px 1px 0 1px;} 
table.list img {border:none;}
table.list tbody { background: #fff;}
table.list tbody td { border: 1px solid #CCC; border-right:none;}
tbody tr.oddrow {background: #F4F4F4;}
table.list tbody tr.highlight { background-color: #DDD; cursor:pointer;}
table.list tr.table-bottom {height:30px; background: url(/css/contimg/table-bottom.png) bottom left no-repeat;}
table.list td.label-thumb {padding:0;}
table.list td.label-description {text-align:left; padding: 2px 6px;}
#preview{ position:absolute; border:3px solid #ccc; background:#fff; padding:5px; display:none; color:#000;}

/* links */
a.get_quote, a.get_quote:hover {color:#000; text-decoration:none; padding-right: 14px; background: url(/css/contimg/more-arrow-black.png) center right no-repeat; }
a.back_top {color:#000; text-decoration:none; font-weight:bold; padding-left: 16px; background: url(/css/contimg/top-arrow-black.png) center left no-repeat;}
a.back_top:hover {text-decoration:underline; color:#000;}
a.back {color: #fff; text-decoration:none; padding-left: 16px; background: url(/css/contimg/back-arrow-white.png) center left no-repeat; }
a.back:hover {color:#fff; text-decoration:underline;}
a.bottom {position:absolute; bottom: 10px; left:10px;}
a.back-black {float:left; color: #000; text-decoration:none; padding-left: 16px; background: url(/css/contimg/back-arrow-black.png) center left no-repeat; }
a.back-black:hover{color:#000; text-decoration:underline;}
a.print {color:#000; text-decoration:none; padding-left: 24px; background: url(/css/contimg/print-black.png) center left no-repeat; position:absolute; top: 20px; right:90px; }
a.print:hover {color:#000; text-decoration:underline;}
a.print-quote {float:right; color:#000; text-decoration:none; padding-left: 24px; background: url(/css/contimg/print-black.png) center left no-repeat; font-size:0.9em;}
a.print-quote:hover {color:#000; text-decoration:underline;}

/* quote table */
table.quote { width: 500px; margin: 30px auto 30px auto;  border-collapse:collapse; color: #000; font-size:0.85em; background:none; }
table.quote thead td.heading {padding: 10px; border-bottom: 1px solid #CCC; background: url(/css/contimg/table-top.png) top left no-repeat; vertical-align:middle;}
table.quote thead td.heading h3 {padding:0; margin:0; float:left;}
table.quote thead td.instructions {padding: 10px; vertical-align:middle; text-align:center; font-weight:bold; background: #F4F4F4;} 
table.quote tbody { background: #fff;}
table.quote tbody td { border: 1px solid #CCC; border-right:none; border-left:none; vertical-align:top; padding: 8px 0px;}
table.quote tbody td.label {text-align:right; padding-right: 1em; font-weight:bold; width:50%; }
table.quote tfoot tr.table-bottom {height:50px; background: url(/css/contimg/table-bottom.png) bottom left no-repeat; text-align:center;}
table.quote tr.price td {font-size:1.2em; padding: 10px 0; font-weight:bold; text-align:center;}

/* swatch table */
table.swatches { margin:0; margin-bottom:30px; }
table.swatches thead td.heading {padding: 10px; border-bottom: 1px solid #CCC; background: url(/css/contimg/swatch-top.png) top left no-repeat; vertical-align:middle;}
table.swatches h3 {margin:0 0 0 10px; padding:0; text-align:left; text-transform:uppercase; font-size: 1.3em;}
table.swatches tbody td {padding: 0px 3px; height: 23px; width: 49px; vertical-align:middle;}
table.swatches tbody td.swatch {width: 20px; padding:0;}
table.swatches tfoot tr.table-bottom {height:auto; background: url(/css/contimg/swatch-bottom.png) bottom left no-repeat; text-align:center;}

/*forms*/
fieldset {float:left; width: 100%; padding: 0; margin: 0; border:none;}
legend {font-weight:bold; padding: 0 5px; font-size: 1.3em; display:none;}
form { margin:0; padding:0; }
.field {float:left; margin: 0 0 1em 0; width:100%;}
.field label, .field strong {float:left; width: 150px; text-align:right; line-height:21px ;}
.field input, .field select, .field textarea, .field .text_area, .field span{float:left; width:auto; line-height:1.2em; height:auto; margin:0; margin-left: 5px; /**/ display:inline; font-family:Verdana, Arial, Helvetica, sans-serif;}
body#contact .field label {width:150px;}
.field span {line-height:2.1em;}
.field input { height:1.5em; border: 1px #666 solid;}
.field textarea {border: 1px #666 solid; font-size: 1em;}
.submit {float:left; margin:0; text-align:center; padding: 1em; width:88%; }
.submit input.submit_btn {float:none; line-height:1.8em; height:auto;}
#warnings {margin:10px 0; float:left; width: 100%; text-align:center; font-weight:bold; color:#CC0000; font-size:1.2em;}
.input-warning {background-color:#A96F6C;}
span.required {color:#CC0000; margin-right: 5px; float:none;}
tr.price {margin: 15px 0; font-size:4em; padding: 0 0 10px 0; color: #999999; line-height: 1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
tr.price span {border-bottom: 1px #fff solid;}
tr.price sup {font-size:0.6em;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 0.95ex;}
	
em.error, span.error { margin-left:155px; color:#CC0000; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/error.png) center left no-repeat; line-height:14px; text-align:left; clear:both; display:block;}
em.ok, span.ok {float:left; width: 155px; margin-left:210px; color:#66CC00; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/ok.png) center left no-repeat; line-height:14px;  text-align:left;}
span em.error {margin-left:0;}
#captchaSpan em.error, em.span {margin-left:5px;}
#captchaSpan img {display:block;}


a.help {float:right; width: 20px; height:20px; margin-right:20px; background: transparent url(/css/contimg/help.png) top left no-repeat; }
a.help:hover {background-position: bottom left;}

.help_popup_outer {
	position:relative;
}


.help_popup { 
	display:none;
	background:#DDD;
	width:450px;
	height:auto;
	position:absolute;
	top:-20px;
	right:50px;
	padding:20px 1em 1em 1em;
	border:1px #16325D solid;
}

.help_popup h3
{
float:left;
margin:0.5em 0;
width:100%;
}

.help_popup p
{
margin: 0 0 0.5em 0;
line-height:1.3em;
}

.help_popup a.close_popup {
position:absolute; 
top:5px;
right:10px;
}




table#debug table {
	border:none;
	border-collapse:collapse;
}




table#debug td {
	padding: 2px 3px;
}
 

table#calcInfo td, table#varInfo td, table#userInfo td {
	padding: 2px 5px;

}