/* CSS Document */
*{font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; color:#666666; }

h1{
	color:#FFFFFF;
	font-family:Arial;
	font-size:20px;
	font-style:italic;
	line-height:22px;
	margin:1px;
	margin-bottom:5px;
	}
h2	{
	color:#666666;
	}
h3	{
	color:#666666;
	font-size:18px;
	margin:2px;
	line-height:20px;
	}
.header{ 
	border:#666666 1px solid;
	background:#4D1C76;
	padding-bottom:10px;}
.table_up{}
.table_upc{}
.table_downc{}
.left_hand_menu	{
	width:204px;
	}
.copy{font-size:9px;}
.title{font-size:14px;color:#FF6600;font-weight:bold;}
.title2{font-size:14px; color:#FF6600;}
.login_table{
	border:#cccccc 1px solid;
	}
.login_title{
	color:#000000;
	background-color:#CCCCCC;
	padding:2px;
	font-weight:bold;
	font-size:16px;
	}
.login_content{
	color:#666666;
	background-color:#FFFFFF;
	padding:5px;
	font-size:13px;
	}
.cart_table{
	border:#cccccc 1px solid;
	}
.cart_title{
	color:#000000;
	background-color:#CCCCCC;
	padding:2px;
	font-weight:bold;
	}
.cart_content{
	color:#666666;
	background-color:#FFFFFF;
	padding:5px;
	}
a{text-decoration:none;color:#FF6600;}
a:hover{text-decoration:underline;color:#FF9933;}
.hmenu_link{
	font-size:18px;
	color:#FF9900;
		}
.hmenu_link:hover{
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	}
.table_dark{background-color:#FFFFFF;width:100%;}
.div_dark{width:550;padding:10px;background-color:#FFFFFF; }
.div_midtone{width:550; background-color:#FFFFFF; padding:10px; color:#333333;}
.table_midtone{background-color:#FFFFFF;color:#333333;width:100%;}
.table_trans{width:550;}
.small_table_dark{width:100%; background-color:#efefef;}
.small_div_dark{width:260; background-color:#efefef; border:#666666 1px solid; padding:10px;}

.title_link{font-size:14px;}
.title_link:hover{font-size:14px; color:#333333; background-color:#FFFFFFF; text-decoration:none;}
.date{font-weight:bold; font-family:Arial,sans-serif; font-size:12px;}
.note{font-size:10px;}
input{background-color:#cccccc;border:#999999 1px solid;}
select{background-color:#cccccc;}
.pm_info{width:100%;}
.pm_box{width:600; background-color:#FFFFFF; padding:10px;}
/* previously menu_link*/
.cart_link{
	color:#000000;
	font-weight:bold;
	font-size:14px;
	}
.cart_link:hover{color:#000000;font-weight:bold;}
.tr_0{background-color:#DDDDDD; padding:5px;}
.tr_1{background-color:#CCCCCC; padding:5px;}
.cc_div{background-color:#CCCCCC; padding:10px;text-align:left;}
.cc_form{background-color:#FFFFFF;}
.error{color:#ff0000; font-weight:bold;font-size:12px;}


.Accordion {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
	margin:5px;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: auto;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}