/************************************************************************************/
/*****            Online Store                                                 ******/
/************************************************************************************/

body
{
	background-color: #8A8C8B;
	text-align:center;
/*	margin: 0 0 0 0; */
	margin-left:auto;
	margin-right:auto;

}


/************************************************************************************/ 
/**** CLASS Selectors ***************************************************************/
/************************************************************************************/ 

table.bull_tab
{
	clear: left;
}

.bullet
{
	text-align: right ! important;
	font-weight: bold ! important;
	vertical-align: bottom ! important;
	height: 19px; /**** Controls Line Height that separates bulleted paragraphs *****/
	
/*	
	line-height: 150% ! important;
	border: 1px solid black;
	padding-right: 5px;
	width: 30px ! important;
	background-image:  url(bullet_wide.gif);
	font-size: 20px ! important;
*/
}

table.bull_tab th
{
	height: 28px ! important;
	vertical-align: bottom ! important;
	text-align: justify ! important;
	font: 10pt arial, sans-serif ! important;
	font-weight: bold ! important;
	letter-spacing: 0.0em ! important;
	text-decoration: none ! important; 

}

table.bull_tab td
{
	text-align: left ! important;
	clear: left;
	font: 9pt arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.0em;
	color: black ! important; /* Dark Green */

}


table.bull_tab a  /* Used mostly for "why this is important" links */
{
	color: #164D0A ! important; /* Dark Green */
	font: 8pt arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em;

/* 
	text-decoration: none ! important;
*/

}

/************************************************************************************/ 


.sc1txt
{
	font: 12pt arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.0em;
	color: blue ! important; /* Blood Red */
}


.pricetxt
{
	font: 10pt arial, sans-serif;
	font-weight: 900;
	letter-spacing: 0.0em;
	color: #950101 ! important; /* Blood Red */
}

.qtytxt
{
	font: 10pt arial, sans-serif;
	letter-spacing: 0.0em;
	font-weight: 900;
}

.spiel
{
	font: 9pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify;
/*	vertical-align: top; */
	font-weight: 300;
	line-height: 130%;
	color: black;
}

.green_spiel
{
	color: #035205 ! important;
	font: 11pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify;
	vertical-align: top;
	font-weight: 900;
	line-height: 150%;

}

.green_spiel a
{
	line-height: 100%;
}

.green_spiel2
{
	color: #035205;
	font: 10pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify;
	vertical-align: top;
	font-weight: 900;
	line-height: 130%;
}

.green_head
{
	color: #035205;
	font: 10pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify;
	vertical-align: bottom;
	font-weight: 900;
	line-height: 150%;
}


/************************************************************************************/
/****** Store Classes                                                       *********/
/************************************************************************************/

.pbf_popup
{
	font: 8pt arial ! important;
	font-weight: bold ! important;
	color: #164D0A ! important;
	text-decoration: underline;
	line-height: 100% ! important;
	text-align: justify ! important;
/*	
*/
}

.bluelink
{
	font: 9pt/9pt arial, sans-serif;
	color: blue ! important;
}
.bluelink a
{
	font: 9pt/9pt arial, sans-serif;
	color: blue ! important;
}

.tiny_white p
{
	font: 1pt/1pt arial, sans-serif;
	color: white ! important;
}



/*****************************/
/****** PROD: Product Pages  */
/*****************************/

.prod_spec_title
{

	clear:left; 
	border:1px solid black;
	padding-top: 2px;

	background-color: black;
	color: white;
	text-align: center ! important;
	
	font: 10pt/10pt arial, sans-serif;
	font-weight: 900;
	
/* background-color: #D4F6CC; Light pastel green */
/*	
border: 1px solid black;
*/
}

.bigdot
{
font: 15pt/15pt arial, sans-serif;
font-weight: bold;
vertical-align: middle;

}

.prod_spec_box
{
	padding-top: 10px;
	padding-bottom: 12px;

	clear:left; 
	border:1px solid black;

	background-color: #D4F6CC; /*Light pastel green */

	font: 9pt/9pt arial, sans-serif;
	font-weight: 300;
	color: black;

border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid black;
}


.prod_spec_box a
{
	background-color: #D4F6CC; /*Light pastel green */

	font: 9pt/9pt arial, sans-serif;
	font-weight: bold;
	color: blue ! important;
}




.prod_body
{
	margin-left: 10px ! important; 
/*	
border: 1px solid black;
*/
}


.prod_graycell
{

padding-top: 1px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;


background-color: #EDF1ED; /* light green-gray */

border-top: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid black;

	line-height: 120% ! important;
	font: 8pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify ! important;
/*	vertical-align: top; */
	font-weight: 300;
	color: black;

/*	
*/

}




/*****************************/
/****** PBF: Product Briefs
/*****************************/

.pbf_title
{
width:625px;

	color: #035205; /* Dark Green */
	height: 40px;
	text-decoration: underline ! important;
	text-align: center ! important;
	vertical-align: top;
	font: 13pt/13pt arial, sans-serif;
	font-weight: 900;
/*	
border: 1px solid black;
*/
}

.pbf_body
{
	margin-left: 10px ! important; 
/*	
border: 1px solid black;
*/
}

.pbf_container
{
width:625px;
clear:left;
/*	
*/

}

.pbf_intro_spiel
{
width:622px; /* This should match the width of pbf_container (above) */

	font: 9pt arial ! important;
	font-weight: 300 ! important;
	letter-spacing: 0.0em ! important;
	color: black;
	text-align: justify ! important;
/*	
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;

background-color: #C2D3BE; /* Light greenish gray */

}

.pbf_label
{
width:622px; /* This should match the width of pbf_container (above) */

height:17px;
padding-top:3px;

	font: 9pt arial ! important;
	font-weight: bold ! important;
	letter-spacing: 0.0em ! important;
	color: black;


border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;

background-color: #D4F6CC; /* Light pastel green */
}

.pbf_legend /* This is the boxed out label for option boxes (w/ green bg) */
{
border: 1px solid black;
background-color: #D4F6CC; /* Light pastel green */
font-weight: bold ! important;
}

/*	
*/


.pbf_fine_print /* This is like the top label, but gray fine print at bottom (ie Kit Purch Guidelines) */
{
width:612px; /* This should match the width of pbf_container (above) */

padding-top: 5px ! important;
padding-left:5px;
padding-right:5px;

	font: 8pt arial ! important;
	letter-spacing: 0.0em ! important;
	color: black;


border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;

background-color: #B3C9B1; /* Light gray (same as "pbf_bullet_secition" */

/*	
*/
}


.pbf_label_small
{
	font: 8pt arial ! important;
	font-weight: 300 ! important;
	color: black;
/*	
*/
}

.pbf_pic /* Image to the LEFT--Includes the price */
{
float: left;

background-color: white ! important;

width:265px; /* Height has to be in HTML, cust for each entry :(  
height:230px;*/

text-align: center ! important;
border-left: 1px solid gray;
border-bottom: 1px solid black;

padding-top: 7px;
padding-bottom: 10px;

	font: 10pt arial, sans-serif ! important;
	font-weight: bold ! important;
	letter-spacing: 0.0em ! important;
	color: #164D0A; /* Dark Green for Price */

/*	
padding-top: 30px;
vspace:30px ! important;
vertical-align: middle ! important;
*/
}


.pbf_picpart /* Image to the LEFT--But Only When It's Just the Item Number Below (smaller font) */
{
float: left;

width:265px; /* Height has to be in HTML, cust for each entry :(  
height:230px;*/

background-color: white ! important;

text-align: center ! important;
border-left: 1px solid gray;
border-bottom: 1px solid black;

padding-top: 7px;
padding-bottom: 10px;

	font: 9pt arial, sans-serif ! important;
	font-weight: bold ! important;
	letter-spacing: 0.0em ! important;
	color: #164D0A; /* Dark Green for Price */

/*	
padding-top: 30px;
vspace:30px ! important;
vertical-align: middle ! important;
*/
}

.pbf_pic img
{
border: none ! important;
padding-bottom: 10px;
}

.pbf_picpart img
{
border: none ! important;
padding-bottom: 10px;
}


.pbf_spiel
{
float: left;

width:336px; /* Height has to be in HTML, cust for each entry :(  
height:230px;*/
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;


background-color: #EDF1ED; /* light green-gray */

border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid black;

	line-height: 120% ! important;
	font: 8pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify ! important;
/*	vertical-align: top; */
	font-weight: 300;
	color: black;

/*	
*/

}

.pbf_bullet_section
{
padding-left: 35px; padding-right: 35px;
}

.pbf_video /* Currently Used to Play Youtube TI Video Announcing DaVinci Chip */
{
width:450px; /* This should match the width of pbf_container (above) */
height:380px;
padding-top:3px;

clear: top;

	font: 9pt arial ! important;
	font-weight: bold ! important;
	letter-spacing: 0.0em ! important;
	color: black;

	line-height: 300%;
	vertical-align: top;

border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;

background-color: #D4F6CC; /* Light greenish gray */

/*	
	vertical-align: bottom;
clear: left;
*/

}



.pbf_discontinued
{

width:550px;

padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;


background-color: #EDF1ED; /* light green-gray */
border: 1px solid black;
/*	*/
}


.pbf_dvr_combo
{

width:600px;

padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;


background-color: #EDF1ED; /* light green-gray */
border: 1px solid black;

/*	

*/

}


#popbox /* Not USED...testing for DIY popup/hover box */
{
	border: solid 1px black;
	background-color: green;
	padding: 7px;
	hspace: 300px;

	visibility: hidden;
	width: 400px;
	
		color: white;
		line-height: 100% ! important;
		font: 8pt arial, sans-serif;
		letter-spacing: 0.0em;
		text-align: justify ! important;
		font-weight: 300;
}


/************************************************************************************/
/****** ID Selectors                                                        *********/
/************************************************************************************/

.blue_link a
{
	color: blue ! important;
	text-decoration: underline ! important; 
	font-size: 8pt;
}

.blue_link_bold a
{
/*	
 */	
	color: blue ! important;
	text-decoration: underline ! important; 
	font-size: 8pt;
	font-weight: bold;

}


.more_images a
{
	background-color:#035205 ! important;
	text-decoration: none ! important; 
	font-size: 8pt;
}

/*	background-color:#035205 ! important; 
 */	

.more_images a:hover
{
	color: yellow ! important;
/*	border: 1px solid yellow ! important; */
}

#store_container
{
	width: 863px;
	text-align: center;
	background-image:  url(ww_store_body.jpg);
	margin-left:auto;
	margin-right:auto;

}


/************************************************************************************/
#store_header
{
	width: 863px;
	height: 150px;
	background-image:  url(ww_store_head.jpg);

}
/************************************************************************************/
#store_navcol
{
	float: left;
	width: 150px;
	background-color: black;
	align: right;
}

#store_navcol td
{
	text-align: right;
	font: 9pt arial;
	letter-spacing: 0.03em;
	line-height: 100%;
/*	height: 30px; */

}

#store_navcol a:hover
{
	color: #FFFF00; /* yellow */
  	font-weight: : bold;
	text-decoration: underline; 
}

/* prevent link from changing color after clicked */
#store_navcol a, a:link, a:visited
{
	color: white;
	text-decoration: none;
	border: none;
}

  

/************************************************************************************/
/************************************************************************************/
#store_body
/************************************************************************************/
/************************************************************************************/
{
/*	border: 1px solid red;  */
	float: right;
	margin-right: 40px;
	width: 650px;

	color: #035205; /*green; */
	text-align: left;
	font: 9pt arial, sans-serif;
	letter-spacing: 0.0em;
	font-weight: 900;
	line-height: 130%;
/*
*/
}

#store_body table
{
	text-align: center ! important;
	align: center ! important;

}

/* prevent link from changing color after clicked */
#store_body a, a:link, a:visited
{
/*	color: blue ! important;  */
  	font-weight: : bold;
	text-decoration: underline; 
	border: none;
}

#store_body th
{
	color: #035205;
	height: 40px;
	text-decoration: underline;
	text-align: center;
	vertical-align: top;
	font: 12pt/12pt arial, sans-serif;
	font-weight: 900;
}

#store_body_tit /**** Get Control Over Centering Product/Category Titles ****/
{
	padding-left: 5px;
	width: 610px;
	color: #035205;
	margin-right:auto;
	margin-left:auto;

}


/************************************************************************************/
/************************************************************************************/
#prod_cat_main
{
	margin-left: 30px ! important; 
/*	
*/

}

#prod_cat_main table
{
/*	
	width: 600px;
*/

}

#prod_cat_main img
{

border:none ! important;

}

#prod_cat_main td:hover
{
background-color: #DEFADE;  light green perimeter
/* border: dotted 1px green; */

}


/************************************************************************************/
/************************************************************************************/
#store_footer_space /* Amount of blank space above footer bar */
{
	height: 23px;
	clear: both;
}

#store_footer
{
	height: 23px;
	clear: both;
	background-image:  url(ww_store_foot.jpg);

}

#store_footer table
{
	text-align: center;
	vertical-align: bottom;
	font: 8pt arial;
	color: white;
	letter-spacing: 0.1em;
}



/************************************************************************************/
/************************************************************************************/
#policy_main
{
	margin-left: 30px ! important; 
/*	
*/

}

#policy_head
{
	color: #035205 ! important;
	font: 10pt arial, sans-serif ! important;
	letter-spacing: 0.05em ! important;
	text-align: justify ! important;
	vertical-align: bottom ! important;
	font-weight: bold ! important;
	height: 30px ! important;
/*	
*/
}

#store_policy td 
{   /* Pretty much tha same as the 'spiel' class */
	font: 9pt arial, sans-serif;
	letter-spacing: 0.0em;
	text-align: justify;
	vertical-align: middle;
	font-weight: 300;
	line-height: 130%;
	color: black;
}

/*	
*/
}

/************************************************************************************/
/************************************************************************************/
#tech_resource_link a
{
	margin-left: 30px ! important; 
	color: blue ! important;
	font-weight: bold ! important;
/*	
*/

}


/************************************************************************************/
/****** TEST Selectors                                                      *********/
/************************************************************************************/

.test
{
	border: 3px solid black;	
	background-color:  blue;
	margin-left: 100px;
}

.test th
{
	border: 1px solid red;	
	background-color:  green;

}

.test td
{
	border: 1px solid yellow;	
	background-color:  orange;
	text-align: right;
}