/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
.clearboth {
	clear:both;
}
body {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover, a:visited, a:active, a:link {
color:#0099CC;
}
.container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	overflow:hidden;
}
.header {
	width:950px;
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:15px;
	clear:both;
}
.logo {
	float:left;
	margin-right:5px;
	margin-top:5px;
	margin-left:10px;
}
.slogan {
	padding-top:5px;
	padding-left:40px;
	text-align:center;
	float:left;
	background-color:#ffffff;
	height:40px;
}
.slogan h4 {
	font-size:16px;
	color:#990000;
}
.slogan p {
	padding-top:10px;
	font-size:14px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;	
}
.upsbtns {
	float:right;
	margin-top:15px;
	text-align:right;
	margin-right:60px;
}
	.upsbtns img {
		padding-left:15px;
		padding-top:5px;
}
.content {
	width:950px;
	float:left;
	margin-bottom:15px;
	padding-top:15px;
	background-color:#EBEBEB;
}
.leftnav {
	width: 140px;
	float: left;
}
.leftnav .navheader {
	width:150px;
	background-color:#99CCCC;
	text-align:center;
	color:#000000;
	padding-top:8px;
	padding-bottom:8px;
	font-weight:bold;
	font-size:12px;
}
.leftnav .items {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CCCC;
	width: 140px;
	/*padding-top:10px;
	padding-left: 10px;*/
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	overflow: hidden;
	background-color:#E2E2E2;
	clear:both;
}
.leftnav .items a {
	display:block;
}
	.leftnav .items:hover
        {
            clear: both;
            text-decoration: none;
            background-color: #0066CB;
        }
	.leftnav .items:hover a
        {
            color: #ffffff;
        }
	.leftnav .items a
        {
            color: #800000;
            text-decoration: none;
        }
    .leftnav .items a:hover
        {
            color: #ffffff;
            text-decoration:none;
        }
/* these go under the left nav */
.socmediaicons {
	margin-top:50px;
	
}
	.socmediaicons img {
	display:block;
	margin-left:12px;
	padding-bottom:10px;
	}

.googleplus {
	display:block;
	margin-left:42px;
}
.homeleft {
	width:510px;
	float:left;
	margin-right:20px;
	margin-left:30px;
	background-image:url(images/building1light.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
}
	.homeleft h2 {
		font-size:130%;
		font-weight: bold;
		color: #990000;	
		margin-bottom:20px;
		padding-left:20px;
		margin-top:20px;
	}
	.homeleft p {
		font-size:16px;
		line-height:140%;
		color:#333333;
		padding:10px;
		margin-left:20px;
		/*margin-bottom:20px;*/
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	.homeleft ul, .homeleft li, .homeleft ol
		{
		font-size:16px;
		line-height:140%;
		color: #333333;
		margin-left:40px;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;		
		}
	.homelefttarplist {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		text-align:center;
	}
	.homelefttarplist a {
	text-decoration:none;
	color:#990000;
	}	

.homeright {
	width:230px;
	float:left;
 	background-color: #99CCCC;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	/*margin-top:45px;*/
}
	.homeright h3 {
		font-size:14px;
		font-weight: bold;
		color: #0066CB;	
		margin-bottom:20px;
		text-align:center;
		margin-top:10px;
	}
	.homeright p {
		line-height:130%;
		font-size:12px;
	}
	.homeright img {
		padding-bottom:20px;
		margin:0 auto;
	}

.sitemapleft {
	width:510px;
	float:left;
	margin-right:20px;
	margin-left:30px;
}
	.sitemapleft h2 {
		font-size:150%;
		font-weight: bold;
		color: #990000;	
		margin-bottom:20px;
		padding-left:20px;
		margin-top:20px;
	}
	.sitemapleft p {
		font-size:16px;
		line-height:140%;
		color:#333333;
		padding-top:10px;
		margin-left:20px;
		margin-bottom:20px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	.sitemapleft ul, .sitemapleft li, .sitemapleft ol
		{
		font-size:16px;
		line-height:140%;
		color: #333333;
		margin-left:40px;
		margin-bottom:10px;
		font-family:Georgia, "Times New Roman", Times, serif;		
		}
	.sitemaptarplist {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		text-align:center;
		width:470px;
		margin-left:20px;
		padding-right:15px;
		border:1px dotted #cccccc;
		background-color:#e0e0e0;
	}
	.sitemaptarplist a {
		text-decoration:none;
		color:#990000;
	}
.rightbar {
	width:790px;
	float:right;
	border-left:10px solid #CCCCCC;
}
.sectionheader h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align: center;
	padding-top:8px;
	padding-bottom:8px;
}
/* area that holds all the tarps */
.tarplist {
	width:390px;
	float:left;
	text-align:left;
	border-right:10px solid #CCCCCC;
    vertical-align:top;
}
	.tarplist th {
		background-color:#CCCCCC;
		height:30px;
		padding-top:5px;
		padding-bottom:5px;
		font-size:12px;
	}
	.tarplist td {
		height:25px;
		padding-top:5px;
		border-bottom:1px solid #CCCCCC;
		background-color:#FFFFFF;
		font-size:12px;
	}
	.tarplist h2 {
		font-size:16px;
		font-weight: bold;
		color: #990000;	
		margin-bottom:20px;
		padding-left:20px;
		margin-top:20px;
	}
	
/* cart buttons at top, middle and bottom of page */
.cartbtns {
	text-align:center;
	width:auto;
	left:auto;
	background-color:#e0e0e0;
	float:left;
	margin:10px 0px 10px 30px;
}
	#addbtn 
	{
		margin-left:220px;
		clear:both;
	}
	#viewbtn 
	{
		margin-left:20px;
		float:left;
		position:absolute;
	}
	
/* call us area in the middle of the tarp listing */
.callus, .callus2 {
	padding:8px;
	background-color:#e0e0e0;
	float:left;
	width:170px;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
}
	.callus h4 {
		font-size:14px;
		color:#990000;
		text-align:center;
		margin-bottom:5px;
	}
	.callus p {
		font-size:12px;
		color:#0066CB;
		text-align:center;
		}
/* used in all poly list */
.callus2 {
	padding:8px;
	background-color:#ffffff;
	float:left;
	width:200px;
	margin-top:10px;
	margin-left:140px;
}
	.callus2 h4 {
		font-size:14px;
		color:#990000;
		text-align:center;
		margin-bottom:5px;
	}
	.callus2 h5 {
		font-size:12px;
		color:#0066CB;
		text-align:center;
		margin-bottom:4px;
		}

/* right side of the page tarp description */
.tarpdesc {
	width:390px;
	float:left;
	text-align:left;
	padding-bottom:20px;
	background-color:#EBEBEB;
}
	.tarpdesc p
    {
        line-height: 150%;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        color: #333333;
    }
	.tarpbtm p {
		line-height:130%;
		font-size:12px;
		padding-bottom:10px;
	}
	.tarpdesc img {
		margin-top:20px;
		text-align:center;
		margin-bottom:20px;
	}
	.tarpdesc .tarpbullets 
	{
	background-color:#A6CADA;
	margin-left:30px;
	margin-right:30px;
	border:1px solid #993300;
	margin-top:20px;
	margin-bottom:15px;
	padding-top:10px;
	padding-bottom:10px;
	}
	.tarpdesc ul, tarpdesc ol, tarpdesc li{
		margin-left:30px;
		font-size:12px;
		color:#000000;
		margin-right:30px;
		line-height:160%;
		padding:3px;
	}
	.tarpdesc h3 {
		font-size:14px;
		font-weight: bold;
		color: #0066CB;	
		text-align:left;
		margin-top:10px;
		padding-left:10px;
	}
	.tarpdesc .callforpricing {
		font-weight:bold;
		color:#990000;
	}
	.tarpdesc a {
		color:#990000;
	}
	.tarpdesc .madeinusa {
		text-align:center;
	}
.bullets {
	padding-left:20px;
	font-size:12px;
	color:#666666;
	line-height:130%;
}
.AccHeader {
	height:24px;
	background-color:#CC3300;
	color:#ffffff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding-top:7px;
	padding-bottom:2px;
}
/* tarp specific page colors */
#tarpbtm p {

}
#hometop, #homeside, #homebtm {
	background-color:#0066CC;
	color:#FFFFFF;
}
#bluetop, #blueside, #bluebtm {
	background-color:#9CCEFF;
}
#orangetop, #orangeside, #orangebtm {
	background-color:#DD7237;
}
#redtop, #redside, #redbtm
{
    color:#ffffff;
    background-color: #CC0000;
}
#yellowtop, #yellowside, #yellowbtm {
	background-color:#D7D228;
}
#camotop, #camoside, #camobtm {
	color:#ffffff;
	background-color:#506E38;
}
#browncamotop, #browncamoside, #browncamobtm
{
    color: #000000;
    background-color: #A98D54;
}

#greentop, #greenside, #greenbtm {
	color:#ffffff;
	background-color:#455147;
}
#greenshtop, #greenshside, #greenshbtm {
	color:#ffffff;
	background-color:#003333;
}
#medgreentop, #medgreenside, #medgreenbtm
{
    color: #ffffff;
    background-color: #145F1A;
}
#silvertop, #silverside, #silverbtm {
	color:#ffffff;
	background-color:#666666;
}
#blacktop, #blackside, #blackbtm
{
    color: #ffffff;
    background-color: #282828;
}
#whitetop, #whiteside, #whitebtm {
	color:#ffffff;
	background-color:#999999;
}
#browntop, #brownside, #brownbtm {
	color:#ffffff;
	background-color:#957661;
}
#cleartop, #clearside, #clearbtm {
	color:#ffffff;
	background-color:#999999;
}
#vinyltop, #vinylside, #vinylbtm {
	color:#ffffff;
	background-color: #996666;
}
#meshtop, #meshside, #meshbtm {
	background-color:#333366;
	color:#ffffff;
}
#canvastop, #canvasside, #canvasbtm {
	background-color:#666699;
	color:#ffffff;	
}
#draintop, #drainside, #drainbtm {
	background-color:#CC6600;
	color:#ffffff;
}
#roundtop, #roundside, #roundbtm {
	background-color:#663300;
	color:#ffffff;
}
#triagetop, #triageside, #triagebtm {
	background-color:#00CC00;
	color:#000000;
}
#pallettop, #palletside, #palletbtm {
    background-color:darkslategrey;
    color: #ffffff;
}
#polycleartop, #polyclearside, #polyclearbtm {
	background-color:#CCCC66;
	color:#000000;
}
#insulatedtop, #insulatedside, #insulatedbtm
{
    background-color: #800000;
    color: #FFFFFF;
}
#weldtop, #weldside, #weldbtm {
	color:#ffffff;
	background-color:#FF0000;
}
#acctop, #accside, #accbtm {
	background-color:#660066;
	color:#ffffff;
}
#specialtytop, #specialtyside, #specialtybtm {
	background-color:#999966;
	color:#ffffff;
}
#repltarptop, #repltarpside, #repltarpbtm {
    color: #ffffff;
    background-color: #006666;
}

	.SectionHeader#GreenSh {
		color:#ffffff;
		background-color:#336666;
	}
	.SectionHeader#Clearance {
		color:#ffffff;
		background-color:#999966;
	}
	.SectionHeader#Misc {
		color:#990000;
		background-color:#99CCCC;
	}

.shipdelay 
{
    padding:10px;
    font-style:italic;
    color:#800000;
	background-color:#FFFFCC;
	font-weight:bold;
}
.shipdelaysm
{
    padding:10px;
    font-style:italic;
    color:#800000;
	background-color:#FFFFCC;
	font-weight:bold;
	font-size:12px;
}

.shipdelaystar
{
    padding:2px;
    font-style:italic;
    color:#800000;
	background-color:#FFFFCC;
	font-weight:bold;
	font-size:14px;
}
.freeshiplg
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #800000;
}
.largetxt
{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #800000;
}
/* bottom of the page tarp desctiption */
.tarpdescbottom {
	width:750px;
	float:left;
	text-align:left;
    border-top: 1px solid #999999;
    padding:20px;
}
    .tarpdescbottom p 
    {
        line-height:130%;
		font-size:12px;
		padding-bottom:10px;
    }

/* Vertical and horizontal accessory listing on tarp pages */
.accessoryvertical
{
    width: 390px;
    float: left;
    background-color: #CCFFFF;
	font-size:12px;
}
.accessoryhorizontal 
{
	margin-top:20px;
	width:100%;
	float:left;
	background-color:#ccffff;
	font-size:12px;
}

/*** sale price ***/
.oldregprice
{
    text-decoration: line-through;
}
.saleprice 
{
    color:#cc0000;
    font-style:italic;
}

/*** footer area */
.footer {
	width:100%;
	background-color:#A6C8D9;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #990000;
}
	.footer img {
		padding:5px;
		vertical-align:middle;
	}
	.footer p {
		padding-top:10px;
		padding-bottom:10px;
	}
/* main accessory page */
.accessory {
	margin-left:30px;
	width:770px;
	float:left;
}
	.accessory p {
		line-height:300%;
	}
	.accgroupheader {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:120%;
		font-weight:bold;
		line-height: 18pt;
		text-align: left;
		color:#000000;
		padding-left:8pt;
		background-color:#CCBDB0;
	}
	.accgroupdesc {
		line-height:130%;
		font-size:12px;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		color:#666666;
	}
	/* area that holds all the accessories & clearance items */
	.acclist {
		width:760px;
		float:left;
		text-align:left;
	}
		.acclist th {
			background-color:#CCCCCC;
			height:15px;
			padding-top:5px;
			padding-bottom:5px;
			font-size:12px;
		}
		.acclist td {
			height:25px;
			padding-top:5px;
			border-bottom:1px solid #CCCCCC;
			background-color:#FFFFFF;
			font-size:12px;
		}
		.acclist img {
			padding-left:10px;
		}
/* shipping table on orderinfo page */
.shiptablearea {
	margin-left:50px;
}
.shiptable {
	width:400px;
	border: 1px solid #cccccc;
	margin:auto;
}
.shiptable td {
	width:200px;
	padding:5px;
	border:1px dotted #e0e0e0;
	text-align:center;
	font-size:12px;
}
.shiptable th {
	background-color:#CCCCCC;
	text-align:center;
	padding:10px;
	font-size:14px;
}
/* pop up tarp photo */
#tarpphoto, .tarpphoto {
	display: none;
	position: fixed!important;
	left: 30%!important;
	top: 20%!important;
	bottom: 10%!important;
	border: 1px solid #000000;
	padding: 10px;
	background-color: #2F82AC;
	text-align: justify;
	font-size: 12px;
	width: 550px;
}
			
/* contact form */
.contactarea
{
	margin-left:30px;
}
.contactarearow
{
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}
.contactarearow p {
	padding-left:10px;
	font-size:14px;
}
.submitbtn {
	width:100px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#CCCCCC;
	border: 1px solid #999999;
}
	
/*** from old file ***/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#CCCCCC;
padding: 5px;
left: 1px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 500;
left: -250px; /*position where enlarged image should offset horizontally */

}
.OutOfStock {
	font-size:8pt;
	font-weight:bold;
}
.CompareAllPrice {
	color:#000000;
	font-weight:bold;
}
/* accessories in various tarp pages */
.accessoryinpages {
	margin-left:8px;
	margin-right:8px;
	width:156px;
	height:180px;
	margin-bottom:15px;
	text-align:left;
	border: 1px dotted #666666;
}
	.accessoryinpages h4 {
	padding:5px;
	font-size:14px;
	background-color:#A6C8D9;
	text-align:center;
	height:30px;
	}
	.accessoryinpages h4 a {
	color:#990000;
	}
	.accessoryinpages img {
		padding-top:20px;
	}

.merchandiselisttxtonly {
	margin-top:10px;
}
	.merchandiselisttxtonly td {
		width:250px;
	}
	.merchandiselisttxtonly p {
		padding-left:30px;
	}
	.merchandiselisttxtonly a {
		color:#990000;
		}
	.allpoly p {
		font-size:12px;
		line-height:140%;
		color:#333333;
		padding-top:10px;
		margin-left:20px;
		margin-bottom:20px;
	}
	.allpoly ul, .allpoly li, .allpoly ol
		{
		font-size:12px;
		line-height:140%;
		color: #333333;
		margin-bottom:5px;
		margin-left:20px;
		}