﻿  /* ------------------------------ */
 /*  Copyright 2008 DSS Exteriors  */
/* ------------------------------ */

* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

body { background-image:url('http://dssexteriors.com/images/bg-green.jpg');background-repeat:repeat-x; margin-left: auto;margin-right: auto; width:68em;}	

img { border: 0px; }

/* --- Main Template Tables --- */

#table.left_column { width: 108px; }


/* CUSTOM SECTION FOR TABLE DEFINITIONS -------------------- */

#whole_site_div { margin-top: 4px; }

.side { text-align: left; float: left; width: 110px; height: 100%; margin-right: 0px; }

.middle_table { width: 784px; height: 100%; overflow:visible;padding-left:10px;}

.custom_footer { width: 794px; height: 100%;margin-top: 5px; }

.content { border: solid #ADFF2F 1px; background: #F5F5DC; margin-bottom: 0px; overflow:visible; }

table.center {margin-left:auto; margin-right:auto;}

/* END CUSTOM TABLE DEFINITIONS ---------------------------- */

/* ------- Header Navigation ------- */

#header { background: url(images/header.jpg) no-repeat; width: 796px; height: 80px; }

#header_navbg { background: url('images/header_nav.jpg') no-repeat; height: 40px; width:796px; margin-bottom: 2px; text-align:right;}

#top_nav { text-align: right; padding-top: 8px; padding-right: 20px; }
#header_navbg a { text-decoration: none; margin-right: 15px; font-weight: bold; font-size:15px; }
#header_navbg span { background: url(images/top_nav_divider.gif) no-repeat top left; margin-right: 8px; }

#nav_linkmap_home a { position: absolute; height: 29px; width: 77px; top: 0px; text-decoration: none; }
#nav_linkmap_about a { position: absolute; height: 29px; width: 90px; top: 0px; text-decoration: none; }
#nav_linkmap_products a { position: absolute; height: 29px; width: 103px; top: 0px; text-decoration: none; }
#nav_linkmap_products1 a { position: absolute; height: 29px; width: 87px; top: 0px; text-decoration: none; }
#nav_linkmap_contact a { position: absolute; height: 29px; width: 103px; top: 0px; text-decoration: none; }
#nav_linkmap_info a { position: absolute; height: 29px; width: 105px; top: 0px; text-decoration: none; }

a#nav_home { left: 17px; top: 134px; }
a#nav_about { left: 107px; top: 134px; }
a#nav_contact { left: 440px; top: 134px; }
a#nav_info { left: 324px; top: 134px; }
a#nav_team { left: 209px; top: 134px; }
a#nav_products { left: 551px; top: 134px; }

#nav_linkmap_home a i { visibility: hidden; }
#nav_linkmap_about a i { visibility: hidden; }
#nav_linkmap_contact a i { visibility: hidden; }
#nav_linkmap_info a i { visibility: hidden; }
#nav_linkmap_team a i { visibility: hidden; }
#nav_linkmap_products a i { visibility: hidden; }

/* ------- End Header Navigation ------- */

/* START FONTS AND COLORS ---------------------------------- */

.top_nav { text-align: right; float: right; }

.quote_red { font-weight: bold; color: #ff0000; font-size: 14px; }

.keyword_invisible { color: #87AFC7; }

li { }

li.li_small { color: #000080; font-size: 9px; }

li.li_red { color: #E41B17; }

.cat_hover:hover { background-color: #00FF00; }

.center { text-align: center; }

.img_left { text-align: left; display: block; }

.left_align { text-align: left; }

.right_align { text-align: right; }

.h1 { text-align:center; font-size: 17px; color: #E41B17; font-weight: bold; }

.h2 { text-align: center; font-size: 15px; color: #000080; }

.small_white { font-size: 9px; color: #ffffff }

.thirteen_bold { font-weight: bold; font-size: 13px; color: #000080; }

.small_blue { font-size: 10px; color: #000080; }

.small_red { font-size: 10px; color: #B22222; }

.big_red { font-size: 14px; color: #B22222; }

.big_blue { font-size: 14px; color: #0000FF; }

a:link { color: #0000FF; }

a:visited { color: #0000FF; }

.bold { font-weight: bold; }

/* END FONTS AND COLORS ------------------------------------ */

.no_border {
	border: 0;
}

hr {color: #000080; }

.left_column {
                     /*Content pages left column */
                     padding: 5px;
                     float: left;
}

.right_column {
                     padding: 5px;
                     float: right;
}

.bottom_row {
                     padding: 6px;
                     float: left;
}


.indented {
   text-indent: 5px;
}

.side_link {
	/* Side Table Link Definitions */
	background: url(images/side_link_dot.gif) no-repeat center left;
	display: block;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-left: 10px;
	text-decoration: none;
	color: #00008B;
}

/* -------- Sales Team Page Table --------------------------- */

table.contacts
{ width: 550px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }

table.contacts_contact
{ background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
 }

td.contactDept
{ background-color: #FAFAD2;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #000000; }


td.contact
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 1em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

td.contact_center
{ border-bottom: 1px #6699CC dotted;
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 1em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px; }

/* -------- Sales Team Page Table END -------------------- */

/* -------- Coupons Table ---------- */

td.coupons { width: 33.33%; border-width: 1px; border-color: #E41B17; border-style: dashed;  }