/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/


#nav-product {
     _display:inline;
     float:left;
     background:none;
	 color: #7FF;
     margin-left:-150px;
     overflow:hidden;
     position:relative;
     width:150px; z-index:100;
     min-height: 500px; 
     height: auto !important; height: 400px;     
}

 /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

#nav-product ul li a {
/*      background:transparent url('') 10px 50% no-repeat;  */
background: #ffffff;
     border-bottom:1px dotted #ffffff;         color:#000000;
      display:block;
      font-weight:bold;       font-size:11px;
      height:auto;
      margin:0 0;
      min-height:18px;
      padding:10px 4px 6px 25px;
      text-decoration:none;
width:121px;
}

#nav-product ul li a:hover { background:url('') 10px 50% no-repeat;    color:#cc0000;
}
#nav-product li {margin:0;}
#nav-product ul {list-style:/*url() 0 0;*/}




.el #contents {}  
#contents .vertical td {text-align:center;} /* Used for the "Vertical" RTML Layout */	
.wrap #contents {}

/* IDs */
#contents {
     background:transparent;
     border-right:0px solid transparent;
     border-left:0px solid transparent;
     padding:0 10px;
}
#contents #contents-table select option, #itemarea select option{padding-right:10px}
#contents a{text-decoration:none;}
#contents a:hover{text-decoration: underline;}
#contents #contents-table {background:transparent; border-collapse:collapse; border-bottom:0;}
	#itemtype #contents table {/*margin:10px 0;*/}
#contents td {background:transparent; margin:2px; padding:5px;}
#contents .horizontal-seperator{background:transparent; border-bottom:0px solid transparent;}
#contents .vertical-seperator{background:transparent; border-right:0px solid transparent;}
#contents.accessory * {text-align:left;}
#contents.accessory .details {background:transparent; margin:2px 10px; padding:10px;}
#contents.accessory .details a {color:; font-size:1em;} /* COLOR:LINK, FONTSIZE:NAME */
#contents.accessory .details h3 {font-size:1em;}
#contents.accessory .details .sale-price {margin-bottom:10px;}

#contents .detail td {padding:5px; border-bottom:15px solid transparent;} /* The Border-bottom must be applied to the TD, not the TR in order to work in IE */
#contents .detail.last td {border-bottom:0 solid;} /* Needed for FF */
	#itemtype #contents .detail td,
	#maintype #contents .image td {padding-bottom:10px;}
#contents .last {border:0;}
#contents .name * {color:#330099; font-weight:bold;}
#contents .price {font-weight:normal; color:black; margin:10px 0 0;}
	#itemtype .price em {font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
#itemtype .itemform .price {margin:10px 0;}
#itemtype .itemform .price-bold {font-weight:bold; margin:10px 0;}
#contents .sale-price {color:#ff0000;}  
#contents .sale-price-bold {color:#ff0000;font-weight:bold; margin-bottom:15px;}
#contents .price-bold {font-weight:bold;margin:10px 0 0;}
	#itemtype .itemform .sale-price, #itemtype .itemform .sale-price-bold {margin:10px 0;}
	#itemtype .itemform .sale-price-bold {font-weight:bold}
	#itemtype .itemform .sale-price-bold em {/*background:#253448;*/color:#ff0000; font-style:normal; font-weight:bold; margin:10px 0; padding:0 4px 0 0;}
	#itemtype .itemform .sale-price em {color:#ff0000; font-style:normal; margin:10px 0; padding:0 4px 0 0;}
#itemtype .code {font-style:normal; margin:10px 0;}
#itemtype .code em {font-style:normal; margin:10px 0;}

#itemtype .itemavailable {color:#7a8fac; margin:8px 0;}
#itemtype .itemavailable em {color:#7a8fac; font-style:normal; font-weight:bold; margin:8px 0 8px 4px;}
#itemtype .itemoption {display:inline; font-weight:bold; margin:2px 0;}
#itemtype .multiLineOption {display:block;margin:5px 0; font-weight:normal;}
.contenttitle-center{text-align:center}
form{padding:0;margin:0}

#caption .image-l {background:transparent; display:block; float:left; margin:0 15px 10px 0;padding:0px;}
#caption .image-r {background:transparent; display:block; float:right; margin:0 0 10px 15px;padding:5px;}

#itemarea {
color:#000000;
}