@charset "UTF-8";

/* Generic Layout for entire www.Syndyne.com site

Color Palette:
-------------------------------
	Dark Grey: #202020
	Dark Green: #3A412F
	Medium Green: #555346
	Grey Green: #BCB692
  White: #FFFFFF
	Black: #000000
	White Smoke: #F5F5F5
*/	

/* Normalizing - from Andy Clarke's book 'Transcending CSS'
------------------------------- */
body, div, ul, li, h1, h2, h3, h4, p , cite, table, tr, td, fieldset {
  margin: 0; padding: 0;}
ul {list-style: none;}
img {border: 0;}

/* Global Settings
------------------------------- */  
h1, h2, h3, h4 {
	font-size: 125%;
	text-transform: uppercase;
	color: #FFFFFF;}
h2 {font-size: 150%;}
h3 {font-size: 110%em;}
span {color: #000000;}
.hidden {display: none;}

/* Links
------------------------------- */
a:link, a:visited, a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;}
.current_page a:link, .current_page a:visited {
	color: #BCB692;}
a:hover, a:active {color: #000000;}
ul#nav_sub a:hover, ul#nav_sub a:active {font-weight: bold;}


/* Page Structure 
------------------------------- */  
body {
  background-color: #202020;
  text-align: center;
  font-family: "Arial";}
  
div#container {
  position: relative;
  width: 775px;
  margin: auto auto;
  text-align: left;}
  
/* Content Section 
------------------------------- */	
div#content {
  background: #BCB692;
  width: 774px;
	position: relative;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;} 

table#product_detail {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse:collapse;}

table#product_detail td#left_bar {
  position: relative;
  Width: 22%;
  background: #555346;
  vertical-align: top;}
  
#left_bar H1 {
  color: #FFFFFF;
	text-decoration: bold;
  font-size: 85%;
  padding-left: 5px;
  padding-top: 5px;}

div#navlistleftbar{
  position: relative;
  top: 10px;
  left: 5px;}

ul#navlist{
  list-style: none inside; 
  position: relative;
  padding-left: 10px;
  padding-right: 5px;
  text-align: left;
  vertical-align: center;
  color: #FFFFFF;
  font-size: 90%;
  line-height: 160%}

ul#children{
  list-style: none inside; 
  position: relative;
  padding-left: 10px;
  padding-right: 5px;
  text-align: left;
  vertical-align: center;
  color: #FFFFFF;
  font-size: 90%;
  line-height: 160%;}
  
ul#children a:link, ul#children a:visited, ul#children a:active {
	color: #FFFFFF;
	text-decoration: none;}  

ul#children a:hover{
  color: #000000;
	text-decoration: none;}  

image.list {
  position: relative;
  vertical-align: center;}
  
p.desc {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;}

H2.prod_title {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 10px;
  color: #000000;
  font-size: 100%}
  
H1#prodname {
  text-align: center;
  color: #FFFFFF;
  font-size: 100%}

H2#prodpartnum {
  text-align: center;
  color: #000000;
  font-size: 95%}

H2.prod_name {
  text-align: left;
  color: #000000;
  font-size: 125%;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right: 10px;}

H2.prod_partnum {
  position: relative;
  text-align: left;
  color: #000000;
  font-size: 100%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;}

p.bodyproddesc{
  position: relative;
  color: #000000;
  text-align: justify;
  font-size: 95%;
  }
  
p.prod_largerimage{
  position: relative;
  text-align: center;
  font-size: 80%;}

TD#Body {
  position: relative;
  vertical-align:top;}

Table#prod_optionallists {
  position: relative
  vertical-align:top
  padding-right: 10px}

Table#prod_optionallists TD {
  vertical-align:top;}
  
Table#prod_optionallists  {
  vertical-align:top;}

TABLE#contentbodytable TD{
  position: relative;
  vertical-align:top;
  border: 2px solid black;}

Table#BodyContentTable {
  position: relative;
  border-collapse: separate;
  padding: 5px;
  vertical-align: top;}
  
Table#BodyContentTable TR{
  position: relative;
  vertical-align: top;}

Table#BodyContentTable TD {
  position: relative;
  vertical-align: text-top;
  width: 220px;
  border: 2px solid black;}

DIV#product_features a{
  color: #000000;
	font-weight: bold;}

DIV#product_features a:hover{
  color: #8b1d1d;
  font-weight: bold;}

DIV#product_features {
  position: relative;
  vertical-align: text-top;
  padding: 10px;}
  
DIV#product_features ul {
  list-style: disc inside;
  padding-right: 20px;
  padding-bottom: 10px;}
  
DIV#product_features li {
  font-size: 80%}

DIV#product_features legend {
  font-weight: bold;
  color: #000000;} 
 
Table#BodyContentTable TD.prodname {
  vertical-align: text-top;
  position: relative;
  background-color: #514d36;}

Table#BodyContentTable TD.prodpartnum {
  position: relative;
  vertical-align: top;
  border: 0px;}

Table#BodyContentTable TD.prodthumb {
  position: relative;
  text-align: center;
  border: 0px;}

Table#BodyContentTable TD.bodyproddesc {
  position: relative;
  vertical-align: text-top;
  border: 0px;
  padding: 6px;
  }

table#product_detail td#body {
  vertical-align: top;
  Width: 59%;
  text-align: left;}
  
table#product_detail td#right_bar {
  position: relative;
  Width: 19%;
  vertical-align: top;
  background: #3A412F;
  text-align: center;}

div#product_desc {
  padding: 0px;}
  
div#product_pic {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;}

div#product_feature {
  padding: 10px;
  text-align: left;}

div#product_feature fieldset legend{
  font-weight: bold;
  font-size: 85%
  color: #000000;}

ul#features {
  list-style-type:disc;
  padding-left: 20px;}
  
div#adspacer {
  height: 5px;}

p#category {
  text-align:top;
  color: #FFFFFF;
  padding-top: 3px;
  padding-left: 10px;
  font-size: 80%;}
  
p#subcategory {
  text-align:top;
  color: #FFFFFF;
  padding-top: 2px;
  padding-left: 20px;
  font-size: 80%;}
  
p#categoryproducts {
  text-align:top;
  color: #FFFFFF;
  padding-left: 20px;
  font-size: 80%;}

p#subcategoryproducts {
  text-align:top;
  color: #FFFFFF;
  padding-left: 30px;
  font-size: 80%;}


/* Site Info Formatting
------------------------------- */
div#site_info {
	background: url(../images/bottombar.gif) repeat-x bottom left;
	position: relative;
	height: 35px;
  text-align: center;
  width: 775px;
  text-transform: uppercase;
  font-size: 85%;
  color: #FFFFFF;
	border-right: 1px solid #000000;
  vertical-align: middle;} 
	
div#site_info p {
	position: relative;
  vertical-align: middle;
  padding-top: 10px;} 
	
	/* Layout for navigation of www.Syndyne.com



/* Generic Branding Section 
------------------------------- */
div#spacer {
  height:15px;}

div#topbar {
	background: #3A412F url(../images/webheader.gif) no-repeat top left;
	position: relative;
	height: 36px;
  width: 775px;}

div#branding {
	background: #3A412F url(../images/branding_bar.jpg) no-repeat top left;
	position: relative;
	height: 80px;
  width: 775px;}

div#branding h1,h3 {
	display: none;}


/* Generic Main Navigation Section (Lower Nav Bar - Below Branding)

------------------------------- */  

div#navigation_main {
	background-color: #555346;
	position: relative;
	height: 35px;
	width: 774px;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
	color: #FFFFFF;
	border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;}

#nav_order, #nav_main, #nav_about, #nav_products, #nav_support, #nav_testimonials, #nav_links {
	position: absolute;
	top: 5px;
	width: 100%;}

li#nav_about {left: 135px;}

li#nav_order {left: 50px;}

li#nav_products {left: 285px;}

li#nav_support {left: 395px;}

li#nav_testimonials {left: 495px;}

li#nav_links {left: 630px;}



/* Generic Sub Navigation Section (Top Nav Bar)

------------------------------- */  

div#navigation_sub {
  position: relative;
 	height: 36px;
  text-transform: lowercase;
  font-size: 90%;
  color: #FFFFFF;}

#nav_sub, #nav_home, #nav_contact, li#nav_search {
  position: absolute;}

li#nav_home, li#nav_contact, li#nav_search {
  top: 11px;}

li#nav_home {	left: 125px;}

li#nav_search {
  left: 550px;}

li#nav_contact {left: 620px;
  width: 75px;}

li#nav_home a {
  background: url(../images/house.gif) no-repeat center left;
  text-indent: 25px;
  display: block;}
  
  /* Divider Between Header and Content */
div#navtocontentdivbar {
  position: relative;
  background: #3A412F url(../images/content_fill.gif) repeat top right;    /* Fill Divider with Gradient Image */
  height: 10px; 
  width: 773px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;}
  
  
  
  /* Layout for www.Syndyne.com
/* Content Section 
/* Generic Layout for entire www.Syndyne.com site

Color Palette:
-------------------------------
	Dark Grey: #202020
	Dark Green: #3A412F
	Medium Green: #555346
	Grey Green: #BCB692
  White: #FFFFFF
	Black: #000000
	White Smoke: #F5F5F5
*/	

/*------------------------------- */	
#learn ul#item_list {
  list-style: disc inside; 
  position: relative;
  top: 25px;
  left: 50px;
  width: 600px;
  text-align: justify;
  font-size: 95%;}

#learn ul#item_list li{
  margin: 10px 0;}