/*Title for Main Body Section*/

.title { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #07216E; 
	text-align: center;
}

/* ------------------ Form ----------------- */
form { margin:0px; }
input { background-color:white; }
.formitem { font-size: 10px; border:1px solid #337CCC; }
.formitemPlus { font-size: 14px; border:1px solid #337CCC; }
.submitBtn { font:bold 10px; border-top:2px solid #337CCC; border-left:1px solid #337CCC; border-bottom:2px solid #888888; 
	border-right:1px solid #888888; color:#337CCC; padding:2px; background-color:#CCCCCC; cursor:hand; 
}
/* ----------------------------------------- */



/*may not need */

.bullet { 
	list-style-type: square; 
	list-style-image: url(images/bullet.gif); 
	text-decoration: none; line-height: 16px;
}

.bulletmenu { 
	list-style-type: disc; 
	left: -20px;   
	position: relative; 
	list-style-image: url(images/bullet_menu.gif);
}

.bulletmenuhome { 
	list-style-type: none; 
	left: -20px;   
	position: relative;
} 


/*Title heading within body text*/

.titlebody { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold; 
	color: #07216E; 
	text-align: left;
}
 

/*Used for all <p> tag text*/ 

.text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
	color: #000000; 
} 


/*Used for price text main headings*/

.priceheadings { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 18px; 
	color: #FFFFFF; 
	text-align:center; 
	font-weight:bold;
} 


/*price td styles*/

.pricetd {   
	height:2em;
} 


/*Prices of the items*/ 

.priceitem { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
	color: #000000;
} 			

.priceitemsub { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
	color: #000000;
	font-weight:normal;
} 


/*bottom meta font*/
.metafont { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: black; 
	text-decoration: none; 
	text-align: justify;
	vertical-align: bottom; 
}
					

/*Price internet*/

.internetprice{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
	color: #000000; 
	text-align:right; 
	font-weight:bold;
}

					
/*Price retail*/

.retailprice{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
	color: #000000; 
	text-align:right; 
	font-weight:normal; 
	text-decoration:line-through;
}

					

/*Used for all <h2> tags*/

.menutext { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 16px; 
	font-weight: bold; 
} 

.menutexthome { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	text-decoration: none; 
	line-height: 16px; 
	font-weight: bold; 
	text-align: center; 
} 


/*Used for all links*/

a { 
	color: #00248F;
} 

a { } 

a { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal;
} 

.subtitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold; 
	text-decoration: none;
}

a:hover { 
	color: #CC0000; 
	text-decoration: none;
} 


/*Used for Main title headings*/

.menusubtitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #00248F; 
	font-weight: bold; 
	font-style: italic; 
}
 

 /*Used in the index page item title headers*/

.menusubtitleindex { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #00248F; 
	font-weight: bold; 
	font-style: italic; 
	text-decoration: underline;
}

.menusubtitleindex:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: white; 
	font-weight: bold; 
	font-style: italic; 
	text-decoration: underline;
}


/*Naviagation Text style*/

.links { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #7B7BFF; 
	text-decoration: none; 
	vertical-align: middle; 
	font-weight: bold;
}

.menutext:hover { 
	color: white; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

.links:hover { 
	color: #FFFFFF;
}

.menutexthome:hover { 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: center;
}


.links:hover { 
	color: #FFFFFF;
}


/*Footer text style*/

.footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #7B7BFF; 
	text-decoration: none; 
	vertical-align: middle; 
}


/*Tag line text*/

.tagline {
	color:white; 
	font-weight:bold; 
	font-style:italic; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none;
} 


/*Logos*/

.copperlogoheader {
	background-image:url("images/copper_logo.jpg"); 
	background-repeat:no-repeat; 
	background-position:center left;
}


.silverlogohome {
	background-image:url("images/silverhome.jpg"); 
	background-repeat:no-repeat; 
	background-position:center left;
}


/*List formating*/

ul,li {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	color: black;
}



/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */


/* Begin CSS Popout Menu */

/*Used to set the width and the location of the main menu*/

#menu{
	width:20em;
	float:left;
}


/*Sets the font and border type of the main menu Block*/

#menu a, #menu h2{
	font:bold 13px/16px verdana,arial,helvetica,sans-serif;
	display:block;
	border-width:0px;
	border-style:solid;
	border-color:#00248F;
	white-space:nowrap;
	margin:0;
}


/*Sets the background and text for the Main menu*/

#menu h2{
	color:Black;
	background:#7B7BFF;
}


/*Sets the background and text for the sub menu*/

#menu a{
	color:#FFFFFF;
	background:#7B7BFF;
}


/*Sets the background and text for the sub menu that has be visited*/

#menu a, #menu a:visited{
	color:#000;
}


/*Sets the background and text for the sub menu that is being hovered over*/

#menu a:hover{
	color:white;
	background:#7B7BFF;
}


/*Sets the background and text for the sub menu that is being clicked*/

#menu a:active{
	background:#7B7BFF;
}


/*Sets the Position of the sub menu*/

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:20em;
}


/*Sets the Position of the sub menu*/

#menu li{
	position:relative;
}


/*Sets the Position of the sub menu*/

#menu ul ul{
	position:absolute;
	left:6.5em;
	z-index:500;
	top:0;
	display:none;
}


/*Sets the position of the main Mene*/

#menu ul ul ul{
	top:0;
	left:100%;
}


/* Begin non-anchor hover selectors */


/* Enter the more specific element (div) selector

on non-anchor hovers for IE5.x to comply with the

older version of csshover.htc - V1.21.041022. It

improves IE's performance speed to use the older

file and this method */


/*Sets the image for the hover*/

div#menu h2:hover{
	background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}


/*Sets the index for the hover*/

div#menu li:hover{
	cursor:pointer;
	z-index:100;
}


/*Sets the li and the ul for the hover*/

div#menu li:hover ul ul,

div#menu li li:hover ul ul,

div#menu li li li:hover ul ul,

div#menu li li li li:hover ul ul

{display:none;}



/*Sets the li and the ul for the hover*/

div#menu li:hover ul,

div#menu li li:hover ul,

div#menu li li li:hover ul,

div#menu li li li li:hover ul

{display:block;}

/* End of non-anchor hover selectors */



/* Styling for Expand */


/*Sets the image for the hover*/

#menu a.x, #menu a.x:visited{
	font-weight:bold;
	color:#000;
	background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}


/*Sets the colors for the hovers*/

#menu a.x:hover{
	color:#fff;
	background:#000;
}

/*Sets the colors for the hovers*/

#menu a.x:active{
	color:#060;
	background:#ccc;
}

/* End CSS Popout Menu */



/* Begin Content Area - Not Part of CSS Popout Menu */

#content{
	position:absolute;
	top:3.0em;
	margin:0;
	padding:0.5em;
	border:1px solid #000;
	clear:both;
}

#content a:link{
	color:#a00;
}

#content a:visited{
	color:#a00;
}

#content a:hover{
	color:#a00;
	background:#eee;
}

#content a:active{
	color:#060;
	background:#ddd;
}

#content h1, #content h2, #content h3{
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin:0.5em 0.25em;
	padding:0;
}

#content img{
	border:none;
}

#content p{
	font:normal 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:1.0em;
}

#content ul, #content ul ul{
	font:normal 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin:1.0em 4.0em 1.5em 4.0em;
}

#content ul li{
	font:normal 0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin:1.0em 0;
}

#content ul ul li{
	font:normal 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
}

#content .fr{
	float:right;
	margin:0 0 1.0em 1.0em;
}

#content .mod{
	font:normal .6em Verdana, Arial, Helvetica, sans-serif;
	margin:.25em;
}

div.vv{
	position:relative;
	top:0;
	float:right;
	margin:0 0 15px 15px;
}


/* End Content Area - Not Part of CSS Popout Menu */