/* Layout */
* {margin: 0; padding: 0; border: 0;}
body {font: 100% verdana, arial, sans-serif; background-color: #fff;}
#nav {position: relative; height: 34px; background: #fff url(../images/background_nav.gif) 0 0 no-repeat;}
#sitemap {background: #fff;}
#headerlogo {float: left; width: 441px; height: 90px;}
#logowrapper {width: 750px; background-color: #fff; clear: left;}
#login {float: left; width: 309px; height: 90px; background: #fff url(../images/background_login.jpg) 0 0 no-repeat; text-align: right;}
	#sub #login {background: #fff url(../images/background_login2.jpg) 0 0 no-repeat;}
#contentwrapper {width: 750px; background: #fff url(../images/background_content.gif) repeat-y;}
	#sub #contentwrapper {background: #fff url(../images/background_content2.gif) repeat-y;}
#leftcontent {padding: 15px 20px; text-align: left;}
#leftcontent ul { padding-left: 20px; }
#leftcontent ol { padding-left: 20px; }
#leftcontent table.specialties {font-size: 0.7em; vertical-align: top; line-height: 1.2em; color: #333;}
#promoleftcontent {padding: 0px 13px; text-align: left;}
#rightcontent {padding: 15px; 20px; text-align: left; vertical-align: top;}
#rightcontentCentered {padding: 15px; 20px; text-align: center; vertical-align: top;}
#footer { padding: 10px 10px 0 0; height: 45px; text-align: right; background: #fff url(../images/background_footer.gif) 0 0 no-repeat;}
	#sub #footer {background: #fff url(../images/background_footer2.gif) 0 0 no-repeat;}
#footer p { margin: 0px; color: #666; font-size: 0.7em; }


img.contentpic {margin: 10px 10px 10px 0; border: 1px solid #999; float:left;}
img.contentpicright {margin: 10px 10px 10px 0; float:right;}
img.contentpicleft {margin: 10px 10px 10px 0; float:left;border: 1px solid #eee;}

div.image_float_left img {float: left; padding-right: 5px; padding-bottom: 5px}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* .clearfix {display: inline-block;} */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix {display: block; vertical-align: top;}
.clearfix li {display: block; vertical-align: top}
.clearfix li ul {display: block; vertical-align: top}
.clearfix li img {display: block; vertical-align: top}

/* li.image img {vertical-align: top; float: left} */

/* Text */		
p {margin: 15px 0; color: #666; font-size: 0.7em; line-height: 1.5em;}
p.red {margin: 15px 0; color: #cc0000; font-size: 0.7em; line-height: 1.5em;}
ul {margin: 15px 0 10px;}
li {color: #666; font-size: 0.7em; line-height: 1.5em;}

p.header {margin: 0; font-weight: bold; font-size: 0.95em; color: #333;}
p.header2 {margin: 0; font-weight: bold; text-align: center; font-size: 1.5em; color: #333;}
p.desc {margin-top: 0; font-size: 0.7em; line-height: 1.2em;}
p.index-question {font-size: 17px; font-weight: bold; color: #333;}
p.red {margin: 15px 0; color: #cc0000; font-size: 0.7em; line-height: 1.5em;}

h1 {color: #333; }
h2 {margin: 15px 0 1em; margin-top: 0px; font-size: 0.95em; color: #333;}
h3 {margin: 15px 0 1em; margin-top: 0px; font-size: 0.8em; color: #333;}
h4 {margin: 15px 0 0.9em; margin-top: 0px; font-size: 0.8em; color: #333;}

#rightcontent li {list-style: none; vertical-align: top;}
#rightcontent img {margin: 0 10px 25px 0; padding: 0; float: left;	border: 1px solid #999;}
#rightcontentCentered img {margin: 0 10px 25px 0; padding: 0; float: none; text-align:center; border: 0px solid #999;}

span.strikeout { text-decoration: line-through}
span.default {color: #666};

/* Apparel */
table.apparel-home img {padding-right: 5px;}
table.apparel {margin: 15px 0; color: #666; font-size: 0.7em; padding: 5px; float: left}
table.apparel td {vertical-align: top; }
table.apparel td.accent {vertical-align: top; background-color:#E0DFDD}
table.apparel img {float: left; border: #CCCCCC 1px solid; padding: 2px; margin: 5px;}
table.apparel-colors img {width: 15px; height: 15px}
table.apparel-colors {float: left}
table.apparel-colors td {vertical-align: middle}

td.l_col {background-color: #009900; border: 1px solid #009900; vertical-align: top; padding: 2px; color: #fff; font-size: 0.8em;}
td.r_col {background-color: #fff; border: 1px solid #006600; width: 100px; text-align: center; vertical-align: bottom; padding: 2px; color: #000; font-size: 0.7em;}

table.installation {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; vertical-align: top}
td.underline {border-bottom: 1px solid #000000;}
span.nowrap {white-space: nowrap}
table.chart {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em;}
table.chart td {height: 30px; width: 30px; text-align: right;}
table.tradeshow {border: 1px solid #000000; float: none;}
table.tradeshow td {padding: 0.1em 0.4em 0.1em 0.4em;}
table.tradeshow td.whitebg {background-color: #ffffff; border: 1px solid #000;}
table.banner_stands {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.9em;}
tr.banner-header {font-weight: bold; text-align: left; font-size: 11px; color: #FFFFFF; border: 1px solid #000; background-color: #009900; vertical-align: bottom;}
tr.banner-bold {font-weight: bold; text-align: center; font-size: 10px; color: #000; background-color: #aaa; vertical-align: bottom;}
tr.line1 {font-size: 10px; text-align: center; color: #000; background-color: #ccc;}
tr.line2 {font-size: 10px; text-align: center; color: #000; background-color: #aaa;}
tr.line3 {font-size: 10px; text-align: center; color: #000; background-color: #ccc;}
tr.line4 {font-size: 10px; text-align: center; color: #000; background-color: #aaa;}
tr.line5 {font-size: 10px; text-align: center; color: #000; background-color: #ccc;}

tr.red-bold {color: #FF0000; font-weight: bold;}

blockquote {margin: 15px 0; padding-left: 20px; color: #666; font-size: 0.9em; line-height: 1.2em;}

div.banner-display img {float: left; vertical-align: top; padding-right: 15px;}
div.banner-display	{vertical-align: bottom;}
div.go-back {position: relative; vertical-align: bottom; text-align: right; padding-right: 13px; font-size: 0.8em;}
div.printing-materials li {font-size: 0.8em; font-weight: normal; color: #666;}
div.promo-sample {padding: 5px;}
div.promo-sample img {align: center}
div.promo-sample td {font-size: 0.7em;}
div.promo-products {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em;}

table.visibility-chart td {font-size: 0.8em; vertical-align: top; text-align: center; border: 1px solid #666;}

/* Vinyl Chart */
table.vinyl {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em; width: 100%}
table.vinyl td {vertical-align: top}
table.vinyl td.color {width: 15px; height: 15px}
table.vinyl td.colorbox {width: 30px; height: 30px; border: 1px solid #666;}

/* Decals */
div.decals {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em; vertical-align: top}
div.decals img {float: left; padding: 5px;}

/* Basic Table Layout */
table.text {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em;}
table.text td {vertical-align: top;}
table.textwborder {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em}
table.textwborder td {border: 1px solid #cccccc; padding: 3px}

/* Form layout */
table.form {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em}
table.form input {border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px;}
table.form textarea {border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px}
table.form select {border: 1px solid #666; width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 0px; margin: 0px;}

/* Navigation */
#nav ul {float: right; display: inline; margin: 0; padding: 0; list-style-type: none; white-space: nowrap;}
#nav li {float: left; margin: 0; padding: 15px 25px 0 0; font-size: 0.65em; font-weight: bold;}
/*#nav li#client {padding-right: 15px;} */
#nav a, #nav a:link, #nav a:visited {margin: 0; padding: 0; display: block; color: #333; text-decoration: none; font-weight: bold;}
#nav a:hover, #nav a:active, #nav li a.active {color: #060; border-bottom: 3px solid #333;}

/* Base Navigation */
.base_pad { padding-top: 12px; color: #666; font-size: 0.7em; padding-bottom: 12px; }
.base_nav { font-size: 0.65em; font-weight: bold; padding-bottom: 8px; }
.base_nav a { color: #000; text-decoration: none; font-weight: bold; }
.base_nav a:hover {color: #060; text-decoration:none; border-bottom: 3px solid #333; font-weight: bold; }

/* Substrate Signs */
table.substrate {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 0.7em; line-height: 1.5em;}
table.substrate td {vertical-align: top}
table.substrate img {float: left; padding: 5px;}

/* Image Align Left */
div.float {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 1em; line-height: 1.5em; vertical-align: top}
div.float img {float: left; padding: 5px;}

/* Subnav */
#nav li ul {position: absolute; background: #fff; width: 170px; left: -999em; border: 1px solid #666;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul li {padding-left: 5px; font-size: 1em;}
#nav li ul li a {width: 170px;}
#nav li ul li a:hover, #nav li ul li a:active {text-decoration: underline; border: none;}

/* Site Map */
#sitemap ul {color: #666; font-size: 0.8em; line-height: 2em;}
#sitemap li {color: #666; font-size: 0.8em; line-height: 2em;}
#sitemap li.a {color: #666; font-size: 0.8em; line-height: 2em;}
#sitemap li ul {color: #666; font-size: 0.8em; line-height: 2em;}
#sitemap li ul li {color: #666; font-size: 0.8em; line-height: 2em;} 
#sitemap li ul li.a {color: #666; font-size: 0.8em; line-height: 2em;} 

/* Login 
#login form {margin: 0 0 0 90px; padding: 18px 0 0;}
#login .clear {padding: 2px 0; vertical-align: text-bottom;}
#login form label {width: 50px; font-size: 12px; font-weight: bold; color: #fff;}	
#login input {color: #333; font-size: 0.75em;}
#login .fixedinput {width: 80px;}
#login .button {position: relative; left: 0; top: 4px;}*/

/* Links */
a:link {color: #060; text-decoration: none}
a:visited {color: #040; text-decoration: none}
a:hover, a:active {color: #930; text-decoration: underline}

.normal td, .normal th, .normal fieldset {
	font-size: 0.7em;
	padding: 3px;
	text-align: left;
	color: #666666;
	}
	
.normal input, .normal select {
	border: 1px solid #030;
	font-size: 0.9em;
	/* width: 280px; */
	}
	
.normal textarea {
	border: 1px solid #030;
	padding: 2px;
	font-size: 1.0em;
	font-family: arial, helvetica, sans-serif;
	}
	
.normal legend {
	font-size: 0.7em;
	padding: 3px;
	text-align: left;
	color: #666666;
	}

.error {
	font-weight: bold;
	color: #900;
	}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	}

.toolbox td {
	font-size: 0.7em;
	padding: 3px;
	text-align: center;
	}

#nav ul ul li { padding-top: 5px;}

.testimonial_greentxt{
	font-weight: bold;
	color: #060;
	text-decoration: none;
}
.number{
	float: left;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}