/* CSS Document */

body {background-image:url(images/bg.jpg); background-repeat:repeat; background-color:#6de2d2; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
td,select,textarea,input {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:#000000 1px solid;}
.form_menu {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; background-color:#CCCCCC; border:#ffffff 1px groove;}
.form_button {font-size:11px; font-weight:bold; color:#FFFFFF; background-color:#000000; border:#000000 1px groove;}
.form_text {font-weight:bold; color:#000000;}


.banner_top {background-image:url(images/banner_top1.jpg);}
.banner_top2 {background-image:url(images/banner_top2.jpg);}



.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;
	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;
}







.menu_table {background-image:url(images/banner_top3.jpg); background-repeat:no-repeat; width:980px;}

/*topmenu style*/
#topmenu {padding:0px; margin:0; list-style:none; width:980px; height:60px; text-align:left;}
* html #topmenu {margin:0; background:none;}
#topmenu li {float:left; margin:0;}
#topmenu li a {height:36px; line-height:35px; padding:0 20px 0 0; float:left; color:#19a9d9; text-decoration:none; font-family:arial, sans-serif; font-size:11px; background:url(images/topmenu_div.jpg) no-repeat right top; }
#topmenu li a b {display:block; height:36px; padding:0 0 0 20px;}
#topmenu li a:hover, 
#topmenu li a:active,
#topmenu li a:focus {cursor:pointer; color:#6de2d2;}
#topmenu li a:hover b,
#topmenu li a:active b,
#topmenu li a:focus b
{background:url(images/topmenu_bg1b.jpg) 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:12px; font-weight:bold; padding-left:3px;); background-position:right; background-repeat:no-repeat; color:#FFFFFF; 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 #ffe9b7; border-bottom:1px solid #ffe9b7; background-color:#ffebbd;}
.shopcart_bodytable_middle {border-bottom:1px solid #ffe9b7; background-color:#ffebbd; padding:3px;}
.shopcart_bodytable_right {border-right:1px solid #ffe9b7; border-bottom:1px solid #ffe9b7; background-color:#ffebbd;}

.sidemenu_table { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:3px;); background-position:right; background-repeat:no-repeat; color:#FFFFFF; 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 #ffe9b7; border-bottom:1px solid #ffe9b7; background-color:#fff8d9;}
.sidemenu_bodytable_middle {border-bottom:1px solid #ffe9b7; background-color:#fff8d9; padding:2px;}
.sidemenu_bodytable_right {border-right:1px solid #ffe9b7; border-bottom:1px solid #ffe9b7; background-color:#fff8d9;}
.sidemenu li{
	list-style-image:url(images/list.gif);
	padding:5px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

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

.footer {background-image:url(images/footerBarBG.gif); background-repeat:repeat-x;}
a.foot:link{ color:#FFFFFF; }
.toplink_text {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #ffffff;}
.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:#fcdd57;
	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;
}