/* begin general styles for all themes */
html {
	background: #777777;
	height:100%;
}

body {
/*	background: transparent url('background.gif');*/
	font:normal 76% verdana,tahoma,arial;
	overflow: auto;
}

p, table, td, th {
	font:normal  verdana,tahoma,arial;
	color: #e8e8e8;
	margin-top: 0px;
	width:95%
}

form {
	margin: 0px;
}

a:link {
	color: #0000cc;
	text-decoration: none;
}

a:visited {
	color: #0000CC;
	text-decoration: none;
}

a:hover {
	color: #000099;
	text-decoration: underline;
}

a:active {
	color: #0000cc;
	text-decoration: none;
}

ul {
	list-style-type: square;
}

/* Generic text formatting used throughout the store ---------------------------- */

.actCHECKOUTEM {
/*	background-color: #678298;*/
}

.actCHECKOUTBG {
/*	background-color: #eeeeee;*/
}

.actlarger {
	font-size: 13px;
	color: #000000;
}

.actsmaller{
	font-size: 10px;
	color: #000000;
}

.actxxsmall {
	font-size: 10px;
	color: #000000;
}

.actsidebarsmall {
	font-size: 10px;
	color: #ffffff;
}


.actxsmall {
	font-size: 11px;
	color: #000000;
}

.actsmall {
	font-size: 11px;
	color: #000000;
}

.actregular {
	font-size: 13px;
	color: #000000;
}

.actlarge{
	font-size: 16px;
	color: #000000;
}

.actxlarge {
	font-size: 20px;
	color: #000000;
}

.actxxlarge {
	font-size: 20px;
	color: #000000;
}

.actwarningcolor {
	color: #cc0000;
}
	
.actrequiredcolor {
	color: #cc0000;
}

.actsearchhighlightcolor {
	color: #cc0000;
}

.actrequired {
	color: #00ffff;
}

.actwarning {
	font-size: 11px;
	color: #cc0000;
}

.actwelcome {
	font-size: 11px;
	color: #000000;
}

.actlogotext {
	font-size: 11px;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: 11px;
	color: #cc0000;
}

/* Boxes and borders ------------------------------------------- */

.thinborder1 {
	border: 1px solid #678298;
}

.thinborder2 {
	border: 1px solid #828baa;
}

.thinred {
	border: solid 1px #678298;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px #828baa;
	border-top: 0px;
} 

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

a.boxlink:link{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:visited{
	color: #ffffff;
	text-decoration:none;
}

a.boxlink:hover{
	color: #ffffff;
	text-decoration:underline;
}

a.boxlink:active{
	color: #ffffff;
	text-decoration:none;
}

* html .boxhead h2 {height: 1%;}

.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}

.boxbody ol {
	margin: 0;
	padding: 0;
	margin-left: 1.2em;
	padding-left: 1.2em;
}

.boxbody ol li {
	margin-bottom: 0.2em;
}

/* Shopping cart and checkout fields ------------------------------------------- */

table.checkout td {
/*	background-color: #eeeeee;*/
}

table.checkout th {
/*	background-color: #678298;*/
}

.cart {
	
}

.cartheading {
/*	background-color: #678298;*/
	font-weight: bold;
}


/* Checkout Progress Indicator  ------------------------------------------------ */

p.checkout-progress-heading {
	width: 300px;
	margin: 10px auto;
}

#checkout-progress-indicator {
	width: 300px;
	height: 19px;
	background-image: url('cpi-background.gif');
	margin: 0 auto 20px auto;
}

.checkout-progress-0 {
	width: 75px;
	height: 19px;
	background-color: #678298;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-1 {
	width: 150px;
	height: 19px;
	background-color: #678298;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-2 {
	width: 225px;
	height: 19px;
	background-color: #678298;
	background-image: url('cpi-main.gif');
	float: left;
}

.checkout-progress-3 {
	width: 300px;
	height: 19px;
	background-color: #678298;
	background-image: url('cpi-main.gif');
	float: left;
}

#checkout-progress-indicator .cpi-end {
	width: 8px;
	padding: 0;
	margin: 0;
	border: 0;
	height: 19px;
	background-image:  url('cpi-end.gif');
	background-position: right;
	background-repeat: no-repeat;
	float: left;
}

/* Formatting for the site map -------------------------------------------- */

#actinic-sitemap {
	margin-left: 5px;
}

#actinic-sitemap ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Used by 'CSS Product Layout' ------------------------------------------- */

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

/* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */

.product_list	{
	margin: 20px 0px 20px 0px;
	}	

/* headings ----------------------------------------------------------------------------- */

h1	{
	font-size: 20px;
	font-weight: 900;
	margin: 0px;		
	padding: 16px 0px 4px 0px;
	color: white;
	}
	
h1.subheading	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 14px 0px;
	color: #e8e8e8;
	}
	
h2	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #e8e8e8;
	}
	
h2.clearall	{
	font-size: 16px;
	font-weight: 900;
	margin: 0px;
	padding: 2px 0px 14px 0px;
	color: #e8e8e8;
	clear:both;
	}
	
h3.product	{
	font-size: 13px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #e8e8e8;
	}
	
h3.product_price	{
	font-size: 11px;
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.text_heading_left_column	{
	margin: 0px;
	padding: 19px 0px 4px 0px;
	line-height:normal;
	color: white;
	font-weight: 900;
	font-size: 13px;
	}

/* Default formatting of all text boxes used in store pages ---------------- */

.form_input_general	{
	line-height: normal;
	font-size : 11px;
	word-spacing: normal;
	}

.minicart_box	{
	line-height: 13px;
	width: 200px;
	margin: 0px 1px 0px 1px;
	padding: 30px 0px 20px 0px;
	font-size : 11px;
	background-color: transparent;
	border: 0px solid navy;
	}

.minicart_button_box	{
	width: 145px;
	height: 75px;
	margin: 0px 1px 0px 1px;
	padding-left: 40px;
	font-size : 11px;
	background-color: transparent;
	color: #000000;
	border: 0px solid navy;
	}

/* mini cart uses table to sdisplay results */

.minicart_box table	{
	width:100%;
	}
	
.minicart_box td {
	width: 5%;
	}
	
/* Styles for 'Quick Search Bar With Larger Button' ------------------------ */

.search_box	{
	line-height: 13px;
	width: 150px;
	height: 10px;
	margin: 0px 1px 0px 1px;
	padding: 1.5em;
	font-size : 11px;
	background-color: transparent;
	color: #000000;
	}

.search_button_box	{
	width: 145px;
	height: 30px;
	margin: 0px 1px 0px 1px;
	padding-left: 40px;
	font-size : 11px;
	background-color: transparent;
	color: #000000;
	}

.form_button_quick_search	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}


/* Styles for the 'Mini' marketing layouts ---------------------------------- */

.product_image_cost	{
	margin: 0px 12px 8px 0px;
	text-align: center;
	float: left;
	}
	
.text_product_small_info	{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}

.text_product_small_info_heading	{
	margin: 0px;
	padding: 10px 0px 12px 0px;
	line-height:normal;
	color: #828baa;
	font-weight: 900;
	font-size: 11px;
	}
	
.text_product_small_info_price	{
	margin: 0px;
	padding: 8px 0px 0px 0px;
	line-height:normal;
	font-weight: 900;
	font-size: 11px;
	}

.best_selling_items	{
	padding: 10px;
	background-color: #ffffff;
	}
	
.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}

/* Styles for product image and fragment image placement in some layouts -------------------------- */

.image_float_right	{
	float: right;
	margin: 16px 0px 15px 20px;
	}

.image_product	{
	margin: 0px 18px 10px 0px;
	text-align: center;
	float: left;
	}


/* Links to sections and pages in sidebar menus on some themes -------------------------------------*/

ul.products	{
	line-height: normal;
	padding: 0px 0px 0px 1px;
	margin: 3px 0px 4px 15px;
	font-size: 11px;
	color: #cc0000;
	}

a.product_section:visited  {
	color : #0000CC;
	text-decoration : none;
	}
	
a.product_section:link  {
	color : #cc0000;
	text-decoration : none;
	}
	
a.product_section:active  {
	color : #cc0000;
	text-decoration : none;
	}
	
a.product_section:hover  {
	color : #000000;
	text-decoration : none;
	}

/* lines -------------------------------------------------------------------------------- */

.dotted_line_blue	{
	height: 1px;
	background-color: #828baa;
	background-image:url('theme_dotted_line.gif');
	clear:both;
	}
	
.solid_line_light_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #828baa;
	clear:both;
	}
	
.solid_line_blue	{
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #678298;
	clear:both;
	}
	
.dotted_outline_blue	{
	border: 1px dotted #828baa;
	padding: 8px;
	}		



/* Styles for 'Compact Parent Section List' ------------------------ */

.text_breadcrumbs	{
	font-size: 10px;
	color: #678298;
	margin: 0px;
	line-height:normal;
	padding: 2px 0px 10px 0px;
	}	

a.link_breadcrumbs:visited	{	
	color : #678298;
	text-decoration : underline;
	}

a.link_breadcrumbs:link  {
	color : #678298;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:active  {
	color : #678298;
	text-decoration : underline;
	}
	
a.link_breadcrumbs:hover  {
	color : #678298;
	text-decoration : underline;
	}
	

/* Page footer  --------------------------------------------------------*/

.text_footer	{
	color: #e8e8e8;
	font-size: 10px;
	padding:0px;
	margin:4px 0px 0px 0px;
	}

.text_menu_no_space	{
	word-spacing: normal;
	}


/* Heading for attributes  --------------------------------------------------------*/

.text_options	{
	font-weight: 900;
	}


/* Formatting for various buttons ----------------------------------------------*/

.form_button_add_to_cart	{
	height: 28px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_addtocart.gif');
	word-spacing: normal;
	}	

.mail_send	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

.site_search	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

.login_button	{
	height: 32px;
	width: 96px;
	font-size : 11px;
	background-color: #1194bf;
	border: 1px solid #1194bf;
	color: #ffffff;
	background-image: url('button_login.gif');
	word-spacing: normal;
	}	

.next_button	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

.back_button	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

.cancel_button	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

.done_button	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

.confirm_button	{
	height: 26px;
	width: 96px;
	font-size : 11px;
	background-color: #167dcb;
	border: 0px solid #167dcb;
	color: #ffffff;
	background-image: url('button_blank.gif');
	word-spacing: normal;
	}	

/* Styles for CSS Buttons ----------------------------------------------*/

.text_menu	{
	padding: 2px 0px 2px 0px;
	font-size : 11px;
	margin: 0px;
	color : #ffffff;
	}
	

a.link_menu:visited  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #828baa; 
	border: 1px solid #f0f0f0;
	}
	
a.link_menu:link  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #828baa;
	border: 1px solid #f0f0f0;
	}
	
a.link_menu:active  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #828baa;
	border: 1px solid #f0f0f0;
	}
	
a.link_menu:hover  {
	padding: 2px 5px 2px 5px;
	margin: 0px 1px 0px 0px;	
	color : #ffffff;
	text-decoration : none;
	background-color: #678298;
	border: 1px solid #f0f0f0;
	}

/* Start of styles new to v9 */

/* Styles for 'Best Seller List in Boxes' and 'New Products List in Boxes' used on the brochure home page */

.heading_marketing_box	{
	border: 2px solid #678298;
	width: 229px;
	margin: 0px 20px 14px 0px;
	}
		
.heading_marketing_box p.text_product_small_info_heading	{
	background-color: #678298;
	border-bottom: 2px solid #678298;
	color: #ffffff;
	font-weight: 900;
	font-size: 11px;
	background-image: url('theme_marketing_header.gif');
	margin: 0px;
	padding: 4px 0px 0px 8px;
	height: 20px;
	}
	
.heading_marketing_box	p{
	padding: 8px;
	}

.heading_marketing_box .product_image_cost	{
	padding: 8px;
	}


/* Rounded header and footer used around the bulk areas in 'Expert' and 'Hotshot' themes,
but also used in the lists that have 'Rounded Corners' in the name */

.rounded-heading {
	background-image: url('theme_curve2.gif');
	background-repeat: no-repeat;
	background-position: top right;
	}

.rounded-heading p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('theme_curve1.gif');
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.rounded-footer {
	background-image: url('expert_rounded_bottom_right.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	}

.rounded-footer p.spacer {
	margin: 0;
	padding: 3px 0;
	background-image: url('expert_rounded_bottom_left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #ffffff;
	}

.indented-link a {
	display: block;
	background-color: #fff;
	width: 140px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #678298;
	}

.indented-link a:hover {
	background-color: #f0f0f0;
	}

/* Style for the 'Graduated Background' for Top Level Section lists and Brochure Page lists */

.graduated-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #f0f0f0;
	border-bottom: 0;
	border-right: 0;
	background-image: url('prime_link_background.gif');
	background-repeat: no-repeat;
	}

/* Style for the 'Shaded Background' for Top Level Section lists and Brochure Page lists */

.hotshot-link a {
	display: block;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #ffffff;
	}

.hotshot-link a:hover {
	background-image: url('hotshot-link-highlight.gif');
	background-repeat: no-repeat;
	}

.hotshot-box-main {
	background-image: url('hotshot-box-main.gif');
	background-position: bottom;
	width: 170px;
	}

.hotshot-box-content {
	background-image: url('hotshot-box-top.gif');
	background-repeat: no-repeat;
	padding: 10px;	
	}

/* Styles for 'Quick Search Bar With Curved Box' layout */

.formbox1 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-image: url('theme-rounded-searchfield-left.gif');
	height: 19px;
	padding-left: 10px;
	background-repeat: no-repeat;
	float: left;
	}

.formbox2 {
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 19px;
	background-image: url('theme-rounded-searchfield-right.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	}

.inputfield {
	padding: 0px;
	margin: 1px 0;
	border: 0px;
	height: 16px;
	font-size: 12px;
	}

	
/*new code */

pre {
	border:1px solid #cc3333;
	width:99%;
	overflow:auto;
	max-height:39.4em;
}

pre span {
	display:block;
	border:1px solid #cc3333;
	border-left:none;
	border-right:none;
	margin-top:1em;
	padding:0.5em 0px 0.5em 0px;
	color:#ff9999;
}

/* transparent imge backgrounds */

#transparent {
	position:relative;
	margin:0px auto;
	_width:100%; /* IE 6 sucks. */
	max-width:1030px;
}

.col.main {
	margin-right:0px;
	width:1024px;
	_width:1023px;
}

.col.left {
	float:left;
	display:inline;
	width:250px;
	_width:249px;
	margin:0px 5px 0px 5px;
}

.col.last {
	margin-right:0px;
	width:755px;
	_width:754px;
	float: right;
}

.topbar {
	margin-right:0px;
	width:72%;
	_width:71%;
}

.bottombar {
	margin-right:0px;
	width:100%;
	_width:99%;
	margin:0px 5px 0px 5px;
	max-width:99%;
}

.dialog {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:1200px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff; 
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
	background:transparent url('dialog2-blue.png') no-repeat top right;
	_background-image:url('dialog2-blue.gif');
}

.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
}

.dialog .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.dialog .b {
	/* bottom */
	position:relative;
	width:100%;
}

.dialog .b,
.dialog .b div {
	height:30px; /* height of bottom cap/shade */
	font-size:1px;
}

.dialog .b {
	background-position:bottom right;
}

.dialog .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
	position:relative;
}

.dialog .bd,
.dialog .ft {
	padding-left:1em;
	padding-bottom: 1em;
}

.dialog .hd img {
	padding-top: 1.75em;
}

.dialog .bd img {
	padding-top: 1.75em;
	padding-bottom: 0.25em;
	padding-right: 1em;
	float: right;
}

.dialog ul {
	color: #e8e8e8;
	padding-left: 1.5em;
}

.dialog li {
	color: #e8e8e8;
	padding-left: 0em;
}

.dialog .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1 {
	/* header */
	font-size:2em;
	color: #e8e8e8;
	margin:0px;
	padding:0px;
	padding-top:1em;
	padding-bottom: 0.25em;
	text-align: center;
}

.dialog h2 {
	/* header */
	font-size:1em;
	color: #e8e8e8;
	margin:0px;
	padding:0px;
	padding-top:1em;
	padding-bottom: 0.25em;
	text-align: center;
}

.dialog h3 {
	/* header */
	font-size:1em;
	color: white;
	margin:0px;
	padding:0px;
	padding-top:1em;
	padding-bottom: 0.25em;
	text-align: center;
}

.dialog p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0.5em 0.5em 1em;
	text-align: left;
	width:95%
}

.dialog h1 {
	padding-bottom:0px;
}


.dialog.topmenu {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:1200px; /* based on image dimensions - not quite consistent with drip styles yet */
	color: white;
	z-index:3;
	margin-left:10%; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
	width: 80%;
}

.dialog.topmenu .content,
.dialog.topmenu .t,
.dialog.topmenu .b,
.dialog.topmenu .b div {
	background-image:url('dialog2-dark.png');
	_background-image:url('dialog2-dark.gif');
}

.dialog.topmenu .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
	/* min-height:155px; */ /* compensate overall height for bottom shade */
}
.dialog.topmenu .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:25px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.dialog.topmenu .b {
	/* bottom */
	position:relative;
	width:100%;
}

.dialog.topmenu .b,
.dialog.topmenu .b div {
	height:30px; /* slightly higher due to bottom shade */
	font-size:1px;
}

.dialog.topmenu .b {
 background-position:bottom right;
}

.dialog.topmenu .b div {
	position:relative;
	width: 12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog.topmenu .hd img {
	padding-top: 1.75em;
	padding-left: 1.5em;
}


.dialog.topmenu .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:1000px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog.topmenu h1 {
	/* header */
	font-size:2em;
	color: blue;
	margin:0px;
	padding:0px;
	padding-top:0.5em;
	text-align: center
}

.dialog.cart {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:1200px; /* based on image dimensions - not quite consistent with drip styles yet */
	color: white;
	z-index:3;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}

.dialog.cart .content,
.dialog.cart .t,
.dialog.cart .b,
.dialog.cart .b div {
	background-image:url('dialog2-dark.png');
	_background-image:url('dialog2-dark.gif');
}

.dialog.cart .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	/* min-height:155px; */ /* compensate overall height for bottom shade */
}

.dialog.cart .b {
	/* bottom */
	position:relative;
	width:100%;
}

.dialog.cart .b,
.dialog.cart .b div {
	height:30px; /* slightly higher due to bottom shade */
	font-size:1px;
}

.dialog.cart .b {
 background-position:bottom right;
}

.dialog.cart .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog.cart h1 {
	color: white;
}

.dialog.cart img {
	padding-top: 6px;
}

.dialog.footer {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:1200px; /* based on image dimensions - not quite consistent with drip styles yet */
	color: white;
	font-weight: bold;
	z-index:3;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
}

.dialog.footer .content,
.dialog.footer .t,
.dialog.footer .b,
.dialog.footer .b div {
	background-image:url('dialog2-red-drip.png');
	_background-image:url('dialog2-red-drip.gif');
}

.dialog.footer .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
	/* min-height:155px; */ /* compensate overall height for bottom shade */
}

.dialog.footer .b {
	/* bottom */
	position:relative;
	width:100%;
}

.dialog.footer .b,
.dialog.footer .b div {
	height:30px; /* slightly higher due to bottom shade */
	font-size:1px;
}

.dialog.footer .b {
 background-position:bottom right;
}

.dialog.footer .b div {
	position:relative;
	width:80px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}

.dialog.footer a:link {
	color: white;
	text-decoration: none;
}

.dialog.footer a:visited {
	color: white;
	text-decoration: none;
}

.dialog.footer a:hover {
	color: white;
	text-decoration: underline;
}

.dialog.footer a:active {
	color: #e8e8e8;
	text-decoration: none;
}

.dialog.type4 .content,
.dialog.type4 .t,
.dialog.type4 .b,
.dialog.type4 .b div {
 background-image:url(dialog2-blue-800x1600-drip.png);
 _background-image:url(dialog2-blue.gif);
}

.dialog.type5 .content,
.dialog.type5 .t,
.dialog.type5 .b,
.dialog.type5 .b div {
 background-image:url(dialog2-red-800x1200-drip.png);
 _background-image:url(dialog2-red-drip.gif);
}

/* "drip" style extended class (eg. <div class="dialog type4 drip"> - more positioning due to width/height requirements */

.dialog.drip .b,
.dialog.drip .b div {
 height:80px;
}

.dialog.drip {
 margin-left:65px;
}

.dialog.drip .t,
.dialog.drip .b div,
.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft,
.dialog.drip .wrapper {
 margin-left:-65px;
 width:65px;
}

.dialog.drip .wrapper {
 width:auto;
}

.dialog .wrapper .hd,
.dialog .wrapper .bd,
.dialog .wrapper .ft {
 margin-left:0px;
}

.dialog.drip .hd,
.dialog.drip .bd,
.dialog.drip .ft {
 zoom:1;
 width:auto;
 padding:0px 2px 0px 12px;
}

/* CSS for MegaMenu */

.megamenu{
	position: absolute;
	display: none;
	padding: 10px;
	font: normal 12px Verdana;
	z-index: 100;
	margin:0px auto;
	min-width:8em;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
	background-image:url('megamenu.png');
}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
background: #1d04b8;
font: bold 13px Arial;
margin: 0 0 5px 0;
color: #ffffff;
}

.megamenu .column ul li a{
text-decoration: none;
}

.megamenu .column ul li a:hover{
color: #167dcb;
}

.megamenu p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0.5em 0.5em 1em;
	text-align: left;
	width:95%
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
	font: bold 13px Arial;
	border-left:1px solid navy;
	width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	/* width: 80%; width of menu*/
	border-top: 1px solid navy; /*navy border*/
	background: black url('tabs.gif') center center repeat-x;
}

.indentmenu ul li{
	display: inline;
}

.indentmenu ul li a{
	float: left;
	color: white; /*text color*/
	padding: 5px 11px;
	text-decoration: none;
	border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
	color: white;
}

.indentmenu ul li a.selected{
	color: white !important;
	padding-top: 6px; /*shift text down 1px*/
	padding-bottom: 4px;
	background: black url('tabs_selected.gif') center center repeat-x;
}


.tabcontent { 
	/*style of tab content oontainer*/
	width: 670px;
	padding: 10px;
	display:none;
}

@media print {
	.tabcontent {
		display:block !important;
	}
}

/* end of file. */
