BODY {margin:0; width:100%; overflow-x:hidden;}
 	body, div, p, th, td, li, dd {font:11px tahoma; color: #6F6E6D; page-break-before:auto;}
img {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();}
	
	.whitetxt {color: #FFFFFF;}
	.yellowtxt {color: #F7DD05;}
	.bullet {font-size:8px; color: #F7DD05; letter-spacing:-1px;}
	
	A:link {color:#666666;text-decoration:none;}
    A:visited {color:#666666;text-decoration:none;}
    A:hover {color:#79BA4D; text-decoration:none;}

    a.headlink:link {color: #FFFFFF; font-weight:bold; text-decoration:none;}
	a.headlink:visited {color: #FFFFFF; font-weight:bold; text-decoration:none;}
	a.headlink:hover {color: #FFFF00; font-weight:bold; text-decoration:underline;}

	a.toplink:link {color:#01149E;}
	a.toplink:visited {color:#01149E;}
	a.toplink:hover {color:#101E98;}

	a.bluelink:link {color: #0099FF;}
	a.bluelink:visited {color: #0099FF;}
	a.bluelink:hover {color: #84C6F2;}
	
	a.grnlink:link {color: #01149E;}
	a.grnlink:visited {color: #01149E;}
	a.grnlink:hover {color: #FF0000;}
	
	a.footlink:link {color: #FFFFFF;}
	a.footlink:visited {color: #FFFFFF;}
	a.footlink:hover {color: #FFFF00;}
	
a.productslice-basic:link {color: #666666; font-family: Arial, Helvetica, sans-serif;}
a.productslice-basic:visited {color: #666666; font-family: Arial, Helvetica, sans-serif;}
a.productslice-basic:hover {color: #FF7318; font-family: Arial, Helvetica, sans-serif;}
a.productslice-basic:active {color: #FF7318; font-family: Arial, Helvetica, sans-serif;}

a.productslice:link {color: #666666; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
a.productslice:visited {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
a.productslice:hover {color: #FF7318; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
a.productslice:active {color: #FF7318; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

a.special:link {color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
a.special:visited {color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
a.special:hover {color: #FF7318; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
a.special:active {color: #FF7318; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
	
a.special2:link {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
a.special2:visited {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
a.special2:hover {color: #FFF000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
a.special2:active {color: #FFF000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}

.smalltxt {font-size: 10px;}

 /* Vert Menu Code */
#menu{
z-index:10;
width:180px;
padding:0px;
}

#menu a, #menu h2{
height:26px;
display:block;
font-size:12px;
font-family:arial;
font-weight:bold;
text-transform:uppercase;
border:1px solid #D9D9D9; 
margin:0;
vertical-align:middle;
white-space:nowrap;
padding-left:25px;
*padding-top:4px;
padding-bottom:0;
*padding-bottom:4px;
border-bottom:0px;
}

#menu h2{
color:#fff;
background:#FFFFFF;
}

#menu a{
color:#727371;
background:#FFFFFF;
text-decoration:none;
}

#menu a:hover{
color:#84C6F2;
background:#FFFFFF;
}

#menu a:active{
color:#84C6F2;
background:#EEEEEE;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;

}

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
z-index: 10;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

#menu a.x, #menu a.x:visited{
background:#e1e1e1;
}

#menu a.x:hover{
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End Vert Menu */

.inc_mod_productimages_img {
#//  spacing:5px; margin:5px;
} 


.inc_mod_productimages_table {
#// padding:5px; border-spacing: 5px; margin:5px; padding:10px;
}

.inc_mod_productimages_td {
 padding:5px;
}

.inc_mod_productimages_td TD {
 padding:5px; border: 1px solid #CCCCCC;
}
  #overlay{     position:absolute; top:0; left:0;       width:100%;     z-index:10001;  background-color:#000; -moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40); }
  #dialog_box  {position: absolute; top:50%; left:50%;  z-index:10002;  text-align:left; }

.dialog_process {
  padding: 0px;
  border: 1px solid #3E3E3E;
  background-color:#EFEFEF;
  display: block;
  top: 50%;
  left: 50%;
}
#dialog_box_header {
  display: block;
  font: 11px arial;
  font-weight: bold;
  background-color: #6D9EFD;
  color: #FFF;
  padding: 3px 0px 3px 8px;
  height: 16px;
  width: 292px;
  *width:300px;
}

#progress_bar_status {
  display: block;
  font: 11px arial;
  width: 292px;
  padding: 8px 8px 8px 8px;
}

.formAreaTitle {background-color:#EBEBEB; padding:3px; height:12px;
}

.main { padding:3px; padding-bottom:6px; white-space: nowrap;
}

.pageHeading {padding-top:15px; padding-right:5px; text-align:right; FONT: bold 16px arial; COLOR: #0E227B; TEXT-DECORATION: underline
}

.bestseller_icon {
  position:absolute;
  right:10px;
  bottom:-4px;
}

.free_shipping_icon {
  position:absolute;
  left:74px;
  *left:;
  *right:6px;
  top:30px;
  background:url(/images/items/freeship.png) no-repeat;  
  *background:url() no-repeat;
  *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/items/freeship.png');
  z-index:20;
  width:100%;
  height:100%;
}

.qview_icon {
  display:none;
visibility:hidden;
/* position:absolute;
  top:20px;
  right:10px;
  z-index:100;
  cursor:help; */
}

.transpng {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader();
}

button.redlink {
color:#C40202;
font: bold 11px tahoma;
background-color:white;
border:0;
}

.breadcrumb {
font:bold 11px arial; text-transform: uppercase;
}

.breadcrumb_trail {font:bold 14px Arial; padding-bottom:20px; line-height:30px;
}

.attribBox select{
border:1px solid #454548; 
background-color:#FFFFFF; 
width:220px; 
height:24px; 
color:#000000;
font:11px verdana;
}


.productListing-heading {background-color:F1F1F1; font:bold 12px;}

.productListing-data {width:185px;}

/* /////////  BEGIN Featured Front  /////////  */


.featured_td {padding-left:4px; width:80px;} /* featured products TD container for image */

.featured_img {position:absolute; top:0; left:-58px; z-index:1;} /* featured products image div */

.featured_title {position:absolute; top:12px; left:104px; white-space:nowrap; z-index:4;} /* featured products TITLE */

.featured_desc {position:absolute; top:35px; left:104px; width:120px; z-index:5;} /* featured description */

.featured_more {position:absolute; top:75px; left:115px; white-space:nowrap; width:100px; z-index:2;}

/* /////////  END Featured Front  /////////  */



/* /////////  BEGIN Product Listing  /////////  */

.product_slot {position:relative; width:258px; vertical-align:top; padding-bottom:10px;} /* Parent relative placeholder div */

.prodListing_Title {font:bold 11px tahoma; color:#FFFFFF;} /* Product Listing TITLE */

.prodListing_img {} /* Product listing image */

/* // short description // */

.prodShortDesc_td {padding:10px;}

.prodShortDesc_txt {font: 11px arial; height:40px;} 

/* ## END short description ## */

.prodListing_Price {text-align:right; white-space:nowrap; padding-top:10px; font:bold 14px Arial; color:#B60608;} /* Price */

.prodListing_more {white-space:nowrap; padding-bottom:10px; font:bold 14px Arial; color:#B60608;} /* More info link */

/* ######  END Product Listing  ######  */




.Accordion {
	/*border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;*/
 overflow:visible;
width:768px;
}

/* 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: 0;
  width:760px;
}

.AccordionPanelTab h4 {
	margin: 0;
	background: url('/layout/img/minus.gif') no-repeat;
height:11px; width:11px;
} 


.AccordionPanelTab {
	cursor:pointer;
    margin:0;
	padding:0;
    color:#053389;
  width:756px;
    height:30px;
   text-align:left;
border:0;
	-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 {
	margin: 0px;
    border-left:solid 2px #101E98;
    border-right:solid 2px #101E98;
    border-bottom:solid 2px #101E98;
    width:756px;
    display: none;
}

/* 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 {
width:768px;
overflow-x:hidden;
border-bottom:0;
}

.AccordionPanelTab {
	background-color: #FFFFFF;
}

.AccordionPanelOpen .AccordionPanelTab AjaxTabTitles li {
list-style-type: none;
text-align: left;
}

/* 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 {
/* font */ color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionPanelOpen .AccordionPanelTab h4 { background: url('/layout/img/minus.gif') no-repeat left 50%; width:11px; height:11px;}

/* 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 {
	outline: none;
}

/* 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: #F1F1F1;
	outline: none;
border: solid 2px #101E98;
border-top: 0;
}

.AccordionPanelClosed .AccordionPanelTab h4 { background: url('/layout/img/plus.gif') no-repeat left 50%; }

 .AccordionPanelClosed  {
/* display:none; 
visibility:hidden; 
*height:0px; */
width:756px; 
*overflow:hidden;
border-bottom: solid 2px #101E98;

} 


.AccordionPanelPending .AccordionPanelTab h4 { background: url('/layout/img/loading.gif') no-repeat; width:11px; height:11px; }

.AccordionPanelClosed .AccordionPanelTab AjaxTabTitles li {
list-style-type: none; 
text-align: left;
*margin-left:-15px;}
}

.blackout {
	position: absolute;
	background-color: #ffffff;  /* the background          */
    filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
    opacity: 0.5;               /* newer Mozilla and CSS-3 */
	z-index: 200;
}

.popupShadow {
	position: absolute;
	background:  url(../images/shadow.gif) no-repeat bottom right black;
	z-index:205;
}

.popupContents {
	position: absolute;
	background-color: #eee;
	border:1px solid #bbb;
	z-index:206;
	
}

.main input, .main select, .main textarea {width: 325px;}




TABLE.attr_group {
  padding:4px;
  margin:4px;
  margin-top:8px;
  background:#7F7F7F;
  color:#F0FFFF;
}

.attr_value {
  text-align: right;
  font-weight: bold;

}

.attr_summary_value {
  text-align: right;
  font-weight: bold;
padding-right:20px;
}

.attr_group_value {
  text-align: right;
  font-weight: bold;
}

TABLE.attr_summary {
  padding:6px;
  margin:4px;
  background:#7F7F7F;
  color:#F0FFFF;
}

.attr_summary TD {
  color:#F0FFFF;
}

TABLE.attr_row {
  padding:0px;
  margin:0;
  background:#E5E5E5;
width:100%;
  
}

.attr_group TD {
  color:#F0FFFF;
}

.attr_row TD {
  color:#F0FFFF;
}


.attrGood, .attrGood TD {
    color:#FFFFFF;
}
.attrFair, .attrBad TD {
    color:#FFFFFF;
}
.attrBad, .attrBad TD{
    color:#FFFFFF;
}

TABLE.attrGood {
    background-color:#0E227B;
}
TABLE.attrFair {
    background-color:#009900;
}
TABLE.attrBad {
    background-color:#FF0000;
}


/* XXXXXXXXXXXXXXXXXXXX */


.preview .attrGood {
    color:#0E227B;
}
.preview .attrFair {
    color:#009900;
}
.preview .attrBad {
    color:#FF0000;
}

.attr_group_value .attrGood {
    color:#0E227B;
}
.attr_group_value .attrFair {
    color:#009900;
}
.attr_group_value .attrBad {
    color:#FF0000;
}

.previewCell {
    border: dotted 1px #C0C0C0;
}