/* CSS Document */

body {background-image:url(images/bg.png); background-repeat:repeat; background-color:#ffffff; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.form_inputtext {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;border:#5b4f3e 1px solid; padding-right:2px;}
.form_menu {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:10px; background-color:#CCCCCC; border:#ffffff 1px groove;}
.form_button {font-size:10px; font-weight:bold; color:#000000; background-color:#eff0f1; border:#000000 1px dotted; padding:1px;}
.form_text {font-weight:bold; color:#000000;}

.form_text a {
   text-decoration : none;
   color : #ffffff;
}

.form_text a:hover {
   text-decoration : none;
   color : #ffffff;
}

.title
{
	font-size: 14px;
	MARGIN-TOP: 5px;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 5px;
	margin-left:6px;
	color: #CC0000;
	line-height: 20px;
}

h1 {
font-size: 18px;
MARGIN-TOP: 5px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: 5px;
}

h2 {
font-size: 16px;
MARGIN-TOP: 5px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: 5px;
}

h3 {
font-size: 14px;
MARGIN-TOP: 5px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: 5px;
}

h4 {
font-size: 12px;
MARGIN-TOP: 5px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: 5px;
}

h5 {
font-size: 11px;
MARGIN-TOP: 5px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: 5px;
}

h6 {
font-size: 10px;
MARGIN-TOP: 5px; 
FONT-WEIGHT: bold; 
MARGIN-BOTTOM: 5px;
}



.td_top_bar_img {
	BACKGROUND: url(images/topbanner.png) no-repeat right top;  }


.menu_table {background-image:url(images/topmenu_bg1.jpg); width:970px;}

/*topmenu style*/
#topmenu {padding:0px; margin:0; list-style:none; width:970px; height:35px; background:transparent url(images/topmenu_bg1.jpg)}
* html #topmenu {margin:0; background:none;}
#topmenu li {float:left; margin-left:10px;}
#topmenu li a {height:38px; line-height:34px; padding:0 20px 0 0; float:left; color:#ffffff; text-decoration:none; font-family:arial, sans-serif; font-size:11px; background:transparent url(images/topmenu_div.jpg) no-repeat right top; }
#topmenu li a b {display:block; height:38px; padding:0 0 0 20px;}
#topmenu li a:hover, 
#topmenu li a:active,
#topmenu li a:focus
{background: url(images/topmenu_div2.png) no-repeat right top; cursor:pointer; color:#000000; line-height:34px;}
#topmenu li a:hover b,
#topmenu li a:active b,
#topmenu li a:focus b
{background:transparent url(images/topmenu_bg1b.png) repeat-x; cursor:pointer;}
/*end topmenu style*/


#topmenu {
	float:left;
	margin:0px;
	padding: 0px;

}
#topmenu ul{
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}
#topmenu li{
	list-style:none;
	margin:0px;
	padding: 0px;
	display: inline;
	white-space: nowrap;
	
}




.shopcart_table { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;); background-position:right; background-repeat:no-repeat; color:#565555; text-align:left; height:26px;}
.shopcart_toptable {background-image:url(images/shopcart_bg.jpg); background-repeat:repeat-x;}
.shopcart_bodytable_left {border-left:1px solid #8e8c8c; border-bottom:1px solid #8e8c8c; background-color:#FFFFFF;}
.shopcart_bodytable_middle {border-bottom:1px solid #8e8c8c; background-color:#FFFFFF; padding:8px;}
.shopcart_bodytable_right {border-right:1px solid #8e8c8c; border-bottom:1px solid #8e8c8c; background-color:#FFFFFF;}

.sidemenu_table { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;); background-position:right; background-repeat:no-repeat; color:#565555; text-align:left; height:26px; text-align:justify;}
.sidemenu_toptable {background-image:url(images/sidemenu_bg.jpg); background-repeat:repeat-x;}
.sidemenu_bodytable_left {border-left:1px solid #8e8c8c; border-bottom:1px solid #8e8c8c; background-color:#FFFFFF;}
.sidemenu_bodytable_middle {border-bottom:1px solid #8e8c8c; background-color:#FFFFFF; padding:2px;}
.sidemenu_bodytable_right {border-right:1px solid #8e8c8c; border-bottom:1px solid #8e8c8c; background-color:#FFFFFF;}
.sidemenu li{
	list-style-image:url(images/list.gif);
	padding:5px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

.content_top {background-image:url(images/content_r1_c4.jpg)}
.content_bottom {background-image:url(images/content_r6_c2.jpg)}
.content_left {background-image:url(images/content_r2_c1.jpg)}
.content_right {background-image:url(images/content_r2_c5.jpg)}

.price_fd {
	color: #000000;
	font-size:12px;
}
.price_f {
	color: #68b0d8;
	font-weight: bold;
	font-size:12px;
}

.footer {background-image:url(images/footerBarBG.gif); background-repeat:repeat-x; color:#CCCCCC;}
a.foot:link{ color:#FFFFFF; }
.toplink_text {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000000;}
.mainmenu {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}
a.mainmenu:link{
	color:#000000;
	text-decoration: none;
}
a.mainmenu:hover {
	color:#aaa8a8;
	text-decoration: underline;
}
a.mainmenu:visited{
	color:#000000;
	text-decoration: none;
}


/*BUTTON style*/
/*BUTTON style*/
a.mybutton{
	background: transparent url(images/but-left.gif) no-repeat top left;
	display: block;
	font: normal #FFFFFF 12px Arial bold; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	margin-bottom: 4px;
}

a:link.mybutton, a:visited.mybutton, a:active.mybutton{
color: #FFFFFF; /*button text color*/
}

a.mybutton span{
background: transparent url(images/but-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.mybutton:hover{ /* Hover state CSS */
background-position: bottom left;
color: #FFFFFF;
}

a.mybutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #FFFFFF;
}

.buttonwrapper{
	overflow: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 35px;
}
/*END BUTTON style*/
/*END BUTTON style*/

/*Product Category style*/
/*Product Category style*/
#navlist li 
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

.sidemenu {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height: 18px;
}
a.sidemenu:link{
	color:#000000;
	text-decoration: none;
}
a.sidemenu:hover {
	color:#000000;
	text-decoration: underline;
}
a.sidemenu:visited {
	color:#000000;
	text-decoration: none;
}
.submenu{
background-image: url(menu-dot2.gif);
display: block;
height: 19px;
margin-left: 0px;
padding-top: 2px;
padding-left: 12px;
text-decoration: none;
color: #333333;
}

.hide{
display: none;
}

/*I'll also create the style that will show the hidden div tags (submenus):*/

.show{
display: block;
}