@charset "utf-8";
/*------miscallenous class tags------*/
html {
    overflow-y: scroll;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;

}
.marginrt5 {
	margin-right: 5px;
}
.margin_top_5 {
	margin-top: 5px;
}
.no_border {
	border: 0px;	
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}
.pad20 {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.padrt20 {
	padding-right: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.yellow {
	background-color: #FFFCDF;
}
.orange_bdr {
	border: 2px solid #F7931E;
}
.bdr_bkgrnd {
	background-color: #FFFCDF;
	border: 2px solid #F7931E;
}
.wht_bkgrnd {
	background-color: #FFFFFF;
}
.button a {	
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFCC99;
	padding: 5px;
	border: 2px solid #F7931E;
		
}
.button a:hover {
	background-color: #FFFCDF;
}	
/*------miscallenous tag styles------*/
body  {
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/td_background.jpg);	/*background-color: #FFFCDF;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FEC343;
}
img	{
	border: 0px;
}
/*------miscallenous class ID's------*/
#container {
	width: 990px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*background-color: #FFFCDF;*/
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
} 
#container_invc {	
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*background-color: #FFFCDF;*/
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
} 
#cat_prod_tbl {	
	
}
#continue_shopping a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFCC99;
	padding: 5px;
	border: 2px solid #F7931E;	
}
#continue_shopping a:hover {
	background-color: #FFFCDF;
}
#attribute a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFCC99;
	padding: 5px;
	border: 2px solid #F7931E;	
}
#attribute a:hover {
	background-color: #FFFCDF;
}
#previous a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFCC99;
	padding: 5px;
	border: 2px solid #F7931E;
	float: left;
}
#previous a:hover {
	background-color: #FFFCDF;
}
#next a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFCC99;
	padding: 5px;
	border: 2px solid #F7931E;
	float: right;
}
#next a:hover {
	background-color: #FFFCDF;
}
#static_form label {
	display: inline-block;
	width: 100px;
	margin-bottom: 5px;
}
#static_form input {	
	margin-bottom: 5px;
}
#static_form select {	
	margin-bottom: 5px;
}
#static_form fieldset {
	padding: 5px;
	
}
/*------header------*/
#header {	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
} 
.header_nav {	
	padding: 10px;
} 
/*------left column------*/
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 209px; /* padding keeps the content of the div away from the edges */
	padding-right: 10px;
	background-color: #CCCCCC;
	border: 2px solid #666666;
	margin-right: 10px;
}
#sidebar1 a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#sidebar1 a:hover{
	color: #000000;
	text-decoration: underline;
}
#sidebar1 li {
	margin-bottom: 3px;
	margin-left: -30px;
}
#sidebar1 img {
	padding: 10px;
}
/*------right column------*/

/*------main content------*/
#maincontent {
	background-color: #FFFFFF;
	margin: 10px;
	padding: 10px;
	
} 

#maincontent img {
	border: 0px;
}
/*---{ Hint Box Styles }--------------------------*/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	background-color: #9370DB;
	visibility: hidden;
	z-index: 300;
}

#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 301;
	visibility: hidden;
}

#dhtmltooltip .tip-title {
	width: auto;
	background-color: black;
	color: white;
	margin: 0px;
	padding: 3px;
}

#dhtmltooltip .tip-body {
	padding: 3px;
}

#dhtmltooltip .white {
	color: white;
	font-weight: bold;
}

#dhtmltooltip .black {
	color: black;
	font-weight: bold;
}

#dhtmltooltip .red {
	color: red;
	font-weight: bold;
}

#dhtmltooltip .blue {
	color: blue;
	font-weight: bold;
}

#dhtmltooltip .gold {
	color: #ff6;
	font-weight: bold;
}

 .tip-body {
	padding: 3px;
}

 .white {
	color: white;
	font-weight: bold;
}

 .black {
	color: black;
	font-weight: bold;
}

 .red {
	color: red;
	font-weight: bold;
}

 .blue {
	color: blue;
	font-weight: bold;
}

 .green {
 	color: green;
 	font-weight: bold;
}

 .gold {
	color: #ff6;
	font-weight: bold;
}

 .silver {
 	color: #c0c0c0;
 	font-weight: bold;
}
/*------footer------*/
#footer {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: center;	
} 
#home-page-blocks h2 {
	font-size: 13px;
	margin-bottom: -1px;
	font-weight: bold;
}

#home-page-blocks h3 {
	font-size: 14px;
	margin-bottom: 3px;
	font-weight: bold;
}
	
#home-page-blocks img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 5px;
}

#home-page-blocks td {
	font-size: 13px;
}

#home-page-blocks .home-page-blocks-div h2 {
	margin-top: 0px;
	margin-bottom: 2px;
}

#home-page-blocks a {
	text-decoration: none;
	text-align: center;
	display: block;
}

#home-page-blocks a:hover {
	text-align: center;
	display: block;
	text-decoration: underline;
}

.home-page-blocks-div {
	text-align: center;
}
#cattree {
	
}
#cattree a {
	display: block;
	color: #000000;
	text-decoration: none;
	/*background-color: #FFCC99;
	border: 2px solid #F7931E*/	
	padding: 3px;
	margin-bottom: 2px;
		
}
#cattree a:hover {
	/*background-color: #FFFF99;*/
	/*text-decoration: underline;*/
	border: 1px solid #666666;
	padding: 3px;
	margin-bottom: 0px;
}
#cattree strong {
	display: block;
	color: #000000;
	text-decoration: none;
	/*background-color: #FFFF99;*/
	border: 2px solid #666666;
	padding: 5px;
	margin-bottom: 2px;	
}
#head_nav_lft a {
	background-image: url(images/button1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	text-align: center;
	float: left;
	height: auto;
	width: 130px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
	color: #EEEC25;
	font-weight: bold;
}
#head_nav_lft a:hover {
	background-image: url(images/button2.gif);
	background-repeat: no-repeat;
	background-position: center center;	
}
#head_nav_rt a {
	background-image: url(images/button1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	text-align: center;
	height: auto;
	width: 130px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	font-weight: bold;
	color: #EEEC25;
}
#head_nav_rt a:hover {
	background-image: url(images/button2.gif);
	background-repeat: no-repeat;
	background-position: center center;	
}
#breadcrumb {
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	border: 2px solid #F7931E;
	padding: 10px;
	height: 27px;
}
#cust_link {
	padding-right: 10px;	
	padding-left: 10px;
}
/*---{ new promo product templating and styles } -------------------*/

#product-table {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(/new_images/product-bg.gif);
}

#product-table h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	padding: 0px;
	margin: 0px;
}

#product-table h4 {
	padding: 0px;
	margin: 0px;
	font-size: 1.4em;
	font-weight: normal;
}

#product-table ul {
	font-size:12px;
	padding-left: 10px;
	margin-left: 15px;
}

#pencil-price-breakdown {
	border-top: 1px solid black;
	border-left: 1px solid black;	
	background-color: white;
}

#pencil-price-breakdown td {
	border-right: 1px solid black;
	border-bottom: 1px solid black;	
}
.no-bullets li {
	list-style-type:none;
	list-style-image:none;
}
#calcGrossLink, #calcCostLink, #calcunitsLink {
	border-right: 2px solid black;
	border-bottom: 2px solid #777;
	border-left: 2px solid white;
	border-top: 2px solid white;
	background-color: #f0f0f0;
	color: black;
	padding: 2px;
	cursor: pointer;
}