/*future home of commerce styles*/

/* commercestyles.css -- classes and areas within the core software */

/* === Utility Classes - Used throughout system ==========================================  */
.nobr {white-space:nowrap}/*equivalent of the nobr tag*/

.prodsortoptions { background:NONE; border: 0px solid gray; color:gray; }
.prodsortoptions select { margin: 0 20px 0 0; }
.prodsortoptions .ascdesc { display:inline; margin: 0 0 0 20px; }
.prodsortoptions a:link, .prodsortoptions a:visited { margin:5px 10px 5px 5px; color:black; text-decoration:none }
.prodsortoptions a.current { font-weight:bold; text-decoration:none; color:brown; }
.linkdisabled {color:silver;}

.varietyiconpicker { border: 0px solid gray; }
.varietyiconpicker .varietyiconpickedtext { font-weight:bold; color: blue; margin-bottom:4px; }
.varietyiconpicker a img {border-style:none;}
.varietyiconpicker a { margin:2px 2px 0 0; border: 2px solid #FFF; float:left; padding:0 0 0 0}
.varietyiconpicker .chosenvarietyicon { border: 2px solid red; }

.hilite{color:#FFF; background:#2B617E;}
  
.small{font-size: 10px;} /*Smaller than normal text-assumes normal text is bigger than 10px*/

.pointerhand {cursor: pointer;}

.hiddenobj {display:none}

/*Table Styles --------------------------------------------------------------- */

.topalign td {vertical-align:top;}

.tableholder{text-align:center}

.tableholder .legend, .tableholder legend {font-size:11px}
.tableholder fieldset {border-color:#e5e5e5}

.tableholder table, .tableholder p, .tableholder div, .tableholder fieldset,  .tableholder h2,
#maincontent .tableholder h2{margin:14px auto;
  width:90%;
  text-align:left}  /*a class applied to divs that are holding multiple tables*/
  

.tableholder div.fullname, .tableholder div.addr_dayphone,  .tableholder div.addr_nightphone,
.tableholder div.companyname, .tableholder div.addr_email, .tableholder div.addr_fax {margin:0;}

.tableholder div.recip {text-align:left; margin: 15px 0 5px;  }
.tableholder div.recip div{margin:0 }

.tableholder .recip div.fullname{font-weight:bold}


.tableholder p{margin:18px auto;}
 
.tableholder table table, .tableholder div p, .tableholder fieldset table, .tableholder fieldset p, .tableholder fieldset table {width:auto} /*permit nested elements to be natural size*/

.tableholder #orderbreakdown table {margin:10px 0 10px auto}
  
 
.colhead,th, th a:link, th a:visited, .colhead a:link, .colhead a:visited{color:#FFF;
   text-align:left; background:#33C}/*For colored column headers*/
   
th a:link, th a:visited {background:none}
 .datatable th, .datatable td {padding:1px 2px}
  
.colhead2, .datatable .colhead2 th{color:#FFF;  background:#6C82CC;
  text-align:left; vertical-align:bottom;}/*Second type of column header*/
  
.colhead3, .datatable .colhead3 th{color:#01606C; background:#DEE6F9;
  text-align:left;}    
  
.data, .datatable td {font: 11px Verdana, geneva, sans-serif;
  vertical-align:top;
  color: #000;}
  
 .datatable th a:link {color:#FFF}
 .datatable th a:visited {color:#E9E9E9}
  
.right, .datatable.right, .colhead2 th.right ,#maincontent .tableholder h2.right, .tableholder div.right {text-align:right}
.center, .datatable.center, .colhead2 th.center ,#maincontent .tableholder h2.center, .tableholder div.center {text-align:center}

  
.datared, .datatable td.red {font: 11px Verdana, geneva, sans-serif;
  color: red;}
  
.dataid, .datatable td.id {font: 11px Verdana, geneva, sans-serif;
  color: silver;}

.dataalt,.datatable .alt td{font: 11px Verdana, geneva, sans-serif;
  color: black; background: #e5e5e5;}

.dataredalt, datatable .alt .td.red{font: 11px Verdana, geneva, sans-serif;
  color: red; background: #ddeeff;}
  
.dataidalt,.datatable .alt td.id{font: 11px Verdana, geneva, sans-serif;
  color: silver; background: #ddeeff;}
 
.databold, .datatable td.bold{font:bold 11px Verdana, geneva, sans-serif;
 color: #000;}

.databoldalt,.datatable .alt td.bold{font: bold 11px Verdana, geneva, sans-serif;
  color: #000; background: #ddeeff;}

.datarow td{border-bottom:1px solid #999}

#pc_memberhome .datatable th a:link,  #pc_memberhome .datatable th a:visited {text-decoration:none}
#pc_memberhome .datatable th a:active,  #pc_memberhome .datatable th a:hover {color:#898989; text-decoration:underline}

.edittable td{vertical-align:top}
 

.label {font: bold 11px Verdana,Geneva,sans-serif;
  color: #333;  
  border-style: none; 
  text-align: right;
  padding: 0px 10px 0px 20px} 
  
th.label {background:#D3D8F0}

.unpaddedlabel {font: bold 11px Verdana,Geneva,sans-serif;
  color: #CDF;  
  border-style: none; 
  text-align: right; 
  background-color: #fff;}

.labelred {font: bold 11px Verdana,Geneva,sans-serif;
  color: #BE3928;  
  border-style: none; 
  text-align: right; 
  background: #F5F5F5;  
  border-style:solid;
  border-width: 1px 1px 2px;
  border-color: #EEE #BE3928 #BE3928 #EEE;
  padding: 0px 10px 0px 20px}
 /* end table styles */
 
.monospace { font:12px 'Lucida Console','Monaco','Courier New',Courier,monospace;}
 
  /*Message classes*/
.error {font: 11px arial,geneva,sans-serif;  color:#B00; border-bottom: 3px double #900; 
  padding:3px 0 3px 45px; background: url(icons/icon_notification_warning.gif) no-repeat left center;
  margin:0 0 3px; height:22px;}
  
.error[class] {height:auto;min-height:22px;}

.error ul,.ok ul  {list-style-type:square; margin:5px; padding:0} 
.error ul li, .ok ul li {margin:2px} 
.error a:link, .error a:visited {color:#F00; }
.error a:active, .error a:hover {color:#900}

.ok {font: 11px arial,geneva,sans-serif;  color:#000; margin:0 0 3px;  padding:3px 0 3px 45px; }

th.warning {color:#FFF; background:#BE3928; font-weight:bold; padding:1px}/*theme specific - red doesn't show up on dark blue*/

 /* end message classes */
 
 /* Promotional Classes */
 .promoclass {color:#FC0;
  font-weight:bold;
  font-style:italic}
  
 .promoclass a:link, .promoclass a:visited,.promoclass a:active, .promoclass a:hover {color:#FC0}
  
 .exclaim {font-size: 12px;
   font-weight: bold;
   color: #F60;}
  
     
/* === END: Utility Classes - Used throughout system =====================================  */ 

/* === Area Classes/ID's - used for specific areas within system =========================  */ 
   
/*Use for item number in lists*/

  
.itemnum {
  color:#fff; background:#33C url(img/loginbg.jpg);
  width:17px; height:16px;padding-top:1px;
  text-align:center; border:1px solid #000;
  font: 11px Verdana,Geneva,sans-serif;}
  
.itemnum[class] {min-width:17px; width:auto}
  
 /*Formatting for search results*/ 
 .searchdisplay {border:1px solid #D3D8F0}
  

/*shopping cart stuff - core*/     
#shoppingcart {background:#DEE6F9 ; width:142px; margin-bottom:15px;}
#cartcompact #shoppingcart {width:822px;margin-bottom:0;}
#carticon {display:none}   
#cartcompact #shoppingcart .cartinner, #cartcompact #shoppingcart #cartclear,  #cartcompact #storecredit{display:none}
   
.grouping {font: 10px verdana, geneva, sans-serif;
   background:#DEE6F9; color:#2B617E;
   border:1px solid;
   text-align:left;
   padding-bottom:15px} 
.grouping .header { margin:0; display:block; border-bottom: 1px solid gray; width:450px; margin-bottom:5px; font-size: 14px; }
   
.grouping {width:90%;margin:12px 12px 18px 12px; padding:8px}
#maincontent .grouping h2 {font-size:14px;color:#121178; background:none; padding:0 0 2px 0;
  margin:0 0 -10px 0}

/*"box-model-hacked" version of selector in importedcommercestyles*/ 
 
#shoppingcart h3 {margin:3px 0 8px; font:bold 12px Arial,Geneva, sans-serif; text-align:center}
#shoppingcart h3 a:link, #shoppingcart h3 a:visited {text-decoration:none}
  

.grouping h3 {color:#666;}
  

.grouping a:link, .grouping a:visited {color:#666}
.grouping a:active, .grouping a:hover {color:#999}

.grouping .datatable {border:1px solid #0E66AE; border-collapse:collapse}
.grouping .datatable th {background:#0E66AE; color:#FFF; border:1px solid #0E66AE; border-collapse:collapse}
.grouping .datatable td {border:1px solid #0E66AE; padding:2px 4px; background:#FFF}
.grouping .datatable .alt td {background:#E9E9E9}

#shoppingcart h4 {color:#000;
  font-size:10px; margin:3px 5px;} 
  
#shoppingcart h4 span {color:#A40303} 

 
.totalitems {font-size:11px; margin:0 11px 2px;position:relative;top:-5px;}
#cartcompact .totalitems {top:0}
.sum {font-size:11px; margin: 8px 11px}
.totalitems span, .sum span {color:#9D0033; margin:3px}


#cartcompact #shoppingcart {border:1px solid #838488; padding:0 10px 10px 0; height:37px}
#cartcompact #shoppingcart #cartinner {display:none}
#cartcompact #shoppingcart H3 {float:left;background:#E0E0E0;
  border:1px solid #838488; width:122px; margin:0 12px 0 0;
  border-width:0 1px 1px 0;
  padding:3px 2px; font:bold 10px Verdana,Geneva,sans-serif;
  color:#000}
  
#cartcompact #shoppingcart H3 a:link,#cartcompact #shoppingcart H3 a:visited{color:#000;}
#cartcompact #shoppingcart #buttonarea{display:none}
#cartcompact #shoppingcart #carttextlinks {font-weight:bold; float:right;
  position:relative; top:11px}
  
#cartcompact #shoppingcart #carttextlinks {font-weight:bold; float:right; position:relative; top:11px}   
#cartcompact #shoppingcart .cartinner {display:none}
#cartcompact #shoppingcart #sc_pointcost {float:left; margin:3px 15px 0 4px}

#cartcompact #shoppingcart #sc_pointbalance {float:left;  margin:0 15px 0 4px}
#cartcompact #shoppingcart #sc_pointbalance h4 {margin:0 0 0 0}
#cartcompact #shoppingcart #sc_pointbalance div, #cartcompact #shoppingcart #cartclear{display:none}



#cartinner {margin:4px 11px;border:1px solid #FFF;}
    
#cartinner th, #cartinner td{font-size:10px; text-align:left; color:#000; background:none}

/*#cartinner td a:link {color:#0D65AB}
#cartinner td a:visited {color:#4E7796}
#cartinner td a:active,#cartinner td a:hover  {color:#BE392A}*/
 
#cartinner .currentaddressname td a:link, #cartinner .currentaddressname td a:visited{font-size:10px;font-weight:bold; color:#000; text-decoration:none}
  
#storecredit{padding:2px;
  color:#666;
  border:1px solid #666;}

#storecredit h4{margin:3px}

#sc_pointbalance div {padding:0 5px 5px;font-style:italic}

#storecredit a:link, #storecredit a:visited {color:#585FB0; text-decoration:none} 
#storecredit a:active, #storecredit a:hover {color:#BE392A; text-decoration:underline} 
#storecredit div {text-align:center; padding-top:3px} 

#buttonarea div {margin:8px; text-align:center;}

.cartbutton {display:block;background:#2A3EAF url(img/loginbg.jpg) repeat-x top; color:#FFF; margin:2px auto;
  width:124px; font:bold 10px Arial,Geneva,sans-serif; border:1px solid #000;}

.cartbutton:hover {color:#FDE204; background-position:bottom}

#cartclear {text-align:center; font-weight:bold;margin: 6px auto 3px}
#cartclear a:link, #cartclear a:visited {color:#2B617E; text-decoration:none}
#cartclear a:active, #cartclear a:hover {color:#BE392A; text-decoration:underline}

/*END: shopping cart stuff -core*/   

/*Featured & Associated Product Classes-core*/  
.featureproductform table, .groupproductform table,
 .associationform table, .manufactureform table{border-collapse:collapse;border:2px solid #E5E5E5;}

.featureproductform td, .groupproductform td, .associationform td, .manufactureform td {border:2px solid #E5E5E5; padding:0  6px}


.featureproductform .pdrow1 td, .groupproductform .pdrow1 td, .associationform .pdrow1 td, .manufactureform .pdrow1 td,
.featureproductform .pdrow2 td, .groupproductform .pdrow2 td, .associationform .pdrow2 td, .manufactureform .pdrow2 td,
.featureproductform .pdrow3 td, .groupproductform .pdrow3 td, .associationform .pdrow3 td, .manufactureform .pdrow3 td,
.featureproductform .pdrow4 td, .groupproductform .pdrow4 td, .associationform .pdrow4 td, .manufactureform .pdrow4 td {border-width: 0 2px; }

.featureproductform .minadvertpricestring, .groupproductform .minadvertpricestring, .associationform .minadvertpricestring, .manufactureform .minadvertpricestring {position:relative; height:25px}
.featureproductform .minadvertpricestring .price, .groupproductform .minadvertpricestring .price, .associationform .minadvertpricestring .price, .manufactureform .minadvertpricestring .price{position:absolute;top:0; right:0;width:85px;  text-align:right;}


.featureproductform .firstrow td, .groupproductform .firstrow td,
.associationform .firstrow td, .manufactureform .firstrow td {border-width: 2px 2px 0 2px}

.pdrow2 h3, .pdrow2 h4 {font:11px Tahoma,Geneva,sans-serif; margin:0}
.pdrowlast td {border-width: 0 2px 2px 2px}

.featureproductform h3 a:link,.featureproductform h3 a:visited {color:#03C}
.featureproductform h3 a:active,.featureproductform h3 a:hover {color:#C33} 

.nonsellable {color:#CCC}




.qtyline b {font-weight:normal; color:#000}
.cartctrl {padding-bottom:4px; text-align:right}
.cartctrl b,.cartctrl input,.cartctrl img {display:inline; vertical-align:middle}
.cartctrl .qtyline {text-align:left; float:left; width:60px; margin:0}
.cartctrl a {border:1px solid #FFF; }

/*.priceblock {font-weight:bold;margin: 12px 0}
.priceblock span {margin-left:3px}*/
.retailprice {color:#000}


.finalprice .price{font-size:11px; color:#C33}
.retailsavings {display:none}
/*.minadvertprice {font-weight:normal;color:#000; width:120px}*/
.minadvertprice .price {color:#C33;}
.minadvertpricestring .price {color:#BE392A;}

/*Featured Groups*/


/*.featuregrouptable, .grouptable {border-collapse:collapse}
.featuregrouptable td, .grouptable td {border:0px solid #6C82CC}*/
.featuregrouptable th, .grouptable th  {border:1px solid #6C82CC; background:#6C82CC; color:#FFF; padding:3px 5px; text-align:center}
 h3.habove {font: bold 11px Tahoma,Geneva,sans-serif; margin: 5px auto 0  7px}
.habove a:link, .habove a:visited {color:#FFF; text-decoration:none}
.habove a:active, .habove a:hover {color:#FDE204}
.grprow2 td{padding:0; text-align:center}
.grprow2 td, .grprow3 td ,.grprow4 td {border-style:solid; border-color:#6C82CC;border-width:0 1px}
.grprow3 td {text-align:left; padding:2px 6px}
.grprow3 td img {display:block; margin:0 auto}
.grouptable .grprowlast td{padding:1px; border-style:solid; border-color:#6C82CC;border-width:0 1px 1px}
.grouptable .sep, .grouptable .vertsep {border-width:0 0 0 0}

.grouptable .pad, .grouptable .grprowlast .pad  {visibility:hidden; border:0 solid #FFF}

.grprow4 td  {padding:2px 8px}
.grprowlast ul, #maincontent .grprowlast ul {list-style-type:none; margin:0; padding:3px 6px}

#groupchooser {padding:5px 0; }
.grouptable .paginatecontrol {padding-bottom:6px}

#grouptitle {margin:0}
.productchart form{margin:0}
.productchart h2{margin:2px 0}
.productchart h3{margin:2px 0 2px 14px}

.productchart .datatable {border-collapse:collapse; margin:2px 1%; width:98%}
.productchart .datatable td {border:1px solid #CCC; border-width:2px 1px 1px}
.productchart th {vertical-align:bottom; font-size:10px; text-align:center}

.productchart .colhead2 th {background:#DEE6F9; color:#006; text-align:center}
.productchart .ns td {font-size:10px; text-align:center; border-width:1px 1px 1px}
.productchart th div {font-weight:normal; font-size:9px}

.productchart .formfield {margin-top:5px;width:18px}

.productchart .att_1, .productchart .alt .att_1 {color:#D00}

.productchart .add2cartB, .productchart .add2WLB, .productchart .moredetailsB {width:84px; margin:1px 0 1px 0}
    
#groupproductshowall {margin:5px auto; text-align:center}
#groupproductshowall .button {width:170px; margin:10px auto; display:block}

/*Check out page headers*/

.stepheader {width:95%}
.stepheader, stepheader td {font:11px Verdana, Geneva, sans-serif;
  background:#E5E5E5;color:#872701;    
  width:100%;
  text-transform:lowercase}
    
.stepheader h2 {font: bold 14px Verdana, Geneva, sans-serif;
  color:#92857F;
  margin-bottom:0px;
  text-transform:none}
    
.stepheader a:link,.stepheader a:visited {color:#17176A; text-decoration:none}    
.stepheader a:active,.stepheader a:hover {color:#7D7DA1;text-decoration:underline} 
/*Check out page headers*/

/* affiliate logos */
.affiliate {padding:8px; margin:3px;
  text-align:center;
  border:1px solid #ccc;  
  width:95%}
  
 
  
 /* Legend hilight class - used for order summary at end of checkout*/ 
.legendhilite {font-weight:bolder;
  color:#7D7DA1}

/*used by order summary page*/
.addressinfo td {vertical-align:top;
  border:1px solid #e5e5e5;
  padding:4px;}

.addressinfo td.skip {border-color:#FFF; padding:0px}
.addressinfo th {padding:1px 4px;}

 /*paginator classes*/
 .summarylarge {background:#EBEBFF; color:#000;
  border:1px solid #D8D8EB;
  border-color:#F5F5FC #D8D8EB #D8D8EB #F5F5FC;
  border-width:1px 2px 2px 1px}
  
 .summarylarge td {color:#17176A;}
  
 .paginateleft, .paginateright {width:100px;}
 
 .paginationtotal {font-size:12px;background:none; color:#2B617E; text-align:left}
  
 .paginationcontrolstop,.paginationcontrolbottom {background:#DEE6F9; color:#000; text-align:center;padding:2px}
 .paginationcontrolstop td {color:#000;}
 .paginatecenter {text-align:center}
 .p_next, .p_prev {margin: 0 13px;}
 /*END: paginator classes*/ 
 
 
 /* Displaymap*/
 .displaymap {width:93%;}
 .displaymap td {vertical-align:top;   
   padding:2px}
   
 .displaymap h3{font-size:13px; text-align:center}
 .displaymapdata{border:1px solid #5466BA;}
 .displaymapdata ul {list-style-type:none; margin:3px 10px; padding:0; font-weight:bold}
 .displaymap th, .displaymap th a:link, .displaymap th a:visited {color:#FFF; text-decoration:none;padding:3px }
 .displaymap table td {border-style:none;padding:0px}
 /* Displaymap*/
 
 
 
 #detailimage {border:1px solid silver}/*product detail image div - default style*/
 .magnifierdiv {text-align:right}/*product detailmagnifier div - default style*/
 .magnifierdiv span {display:none}/*product detailmagnifier div  text within - default style*/
 .propertyname {font-weight:bold; text-align:right}/*Names of properties, eg, "Title, Price, SKU" etc*/
 
 
 .mediabox{margin:-2px 0px 0px 0px} /*default product media settings*/
 .mediabox td{padding:12px 5px;text-align:center; 
    margin:0px 10px 10px 0px; vertical-align:middle; 
    border:2px solid #E9E9E9}/*default product media settings*/
    
 .varietyselector {border:1px solid silver; padding-right:0; overflow:hidden;} /*default variety selector*/
 .varietyselector h3 {display:none; } 
 .varietyselector .button { margin:0; padding:0; font-size:10px; }
 #pricetable {}/*price info table*/
 
 #productdetail4 .addtocartcontrols {width:80%}
 .addtocartcontrols td{vertical-align: top; height:40px; text-align:center}/*table holding the add to cart controls*/
  
 #imageblock td {vertical-align:top} 
 
 #optioninfo {margin-top:30px}/*table for product options and info*/
 

 
 /*END: styles connected with product template 4*/
 
 .companyname a:hover {color: #69C;}

/* === END Area Classes/ID's - used for specific areas within system =====================  */ 

/*Group and feature product styles*/




 
 /* END: Classes for display of products on group page */







/*product search area*/
#advancedsearchform, #quicksearch {width:98%}

#div_searchresults {margin-top:15px;}
#div_searchresults h2 {background:#FFF; color:#000;
  border-bottom:1px solid #5466BA;
  font:bold 13px Tahoma,Geneva,sans-serif; padding:4px;
  margin:7px 0 5px}
  

  
#div_searchresults .itemnum {float:left; margin:6px 0 0 6px}
#div_searchresults table {width:95%} 
#div_searchresults table[class] {width:100%}  

#div_searchresults h3 {font-size:11px; margin:0 2px; border-width:0 0 0 0}

.listsearch .st {font-weight:bold}

/*cart sizing*/
#cartform {width:97%}
.listsearch {width:95%} /* list style search results*/
#cartform h3 {padding:4px 0; border-bottom:1px solid #CCC; margin:2px 0 9px; text-transform:uppercase}

/*Tabbing*/
#pdtabcontainer {position:relative; margin:20px 0 10px}
#pdnav {height:17px}
#pdnav a {display:block; height:17px; padding:0 20px 0 26px;
  font-weight:bold; float:left; border-right:0px solid #FFF}
  
#pdnav a:link, #pdnav a:visited {color:#000; text-decoration:none;
   background:#C3D2DF url(img/sp/pdinactivetabbg.gif) no-repeat;}
#pdnav a:active, #pdnav a:hover,
#pdnav a.pdactive:link,#pdnav a.pdactive:visited  {color:#03C; 
 background:#DEE6F9 url(img/sp/pdactivetabbg.gif) no-repeat;
 text-decoration:none}
.pdtabcontent {background:#DEE6F9; color:#000; padding:3px}

/*Stuff in tab iframes */
.tabiframe {background:#DEE6F9;}
.tabiframe #maincontent {width:510px;margin:0 auto}
.tabiframe #maincontent h3{margin:2px 0; color:#FFF; background:#666; padding:2px; text-align:left}
.tabiframe .datatable td {background:#f8f8f8; font-size:11px}
.tabiframe .datatable .alt td {background:#eee;}
.tabiframe .formfield {width:210px}
.tabiframe .labelred {background: #e0e0e0}

/*Stuff in tab iframes */

/*Retail price markers*/
.retailprice b {text-decoration:line-through; color:#333; font-weight:normal}
.retailsavings {font-style:italic;}
.retailsavings b { color:#000; font-weight:bold}

/* END: Retail price markers*/


/*subtotal classes*/
.gross b {font-weight:normal; text-decoration:line-through}

/*discount code stuff*/
#couponcodeentry {margin:4px 0}
#couponcodeentry #couponcodes{border-bottom:1px solid #5761B1;padding-bottom:10px; margin-bottom:5px}

#couponcodeentry  #couponcodetable {margin:10px auto}
#couponcodeentry  #couponmessage {margin:4px 15px}
#couponcodeentry #disclosure, #searchforms #disclosure {font-weight:bold;}
#couponcodeentry #savecoupon {display:block; margin:5px }
/*discount code stuff*/

#prodtable1,#prodtable3 {width:95%} /*containing tables for older product templates*/

.thin {color:#CCC; background:#CCC; height:1px; border-style:none}
.phonetable th, .phonetable input {text-align:center}
.phonetable th {color:#CCC; background:none}
.tabiframe .phonetable th {color:#666;}

#XLproductinfo {display:none}

.pointblock {margin:0px 25px}
.pointcost {font-style:italic; letter-spacing:.025em;margin-left:22px}
.pointcost b {font-style:normal}

/*older pd template revisions*/
#maincontent .pd_freeshipping h3, #maincontent .pd_discounts h3 {color:#F60; font-size:12px; margin:10px 0 3px}
#maincontent .pd_freeshipping ul,#maincontent .pd_discounts ul {margin:3px 0 10px 15px; padding:0}
#maincontent .pd_freeshipping ul li, #maincontent .pd_discounts ul li {padding-bottom:2px}

.add2cart, .moredetails {display:block;margin:2px 0 4px 0; border:3px solid #FFF}
.alt .add2cart, .alt .moredetails {display:block;margin:2px 0 4px 0; border:3px solid #E5E5E5}

.nobullet {list-style-type:none; margin:2px 0 6px; padding:0}

.propertyname  {width:200px}
.propertyname div {display:inline; font-weight:normal; font-size:11px}

#productdetail #pagetitle {font-size:12px;}
#productdetail #pagetitle span{font-size:11px;}

/*Point/Cart stuff*/

#cart_pointbalance {margin: 6px 0 15px}
#cart_pointbalance h4{margin: 3px 0; font-size:12px}
#cart_pointbalance h4 span {color:#BE3928}

#orderbreakdown th {color:#000; background:#FFF; border-bottom:3px double #ddd; padding-left:5px}
#orderbreakdown .nm {font-size:10px; font-style:italic}
#orderbreakdown  {margin-top:12px}
#orderbreakdown h3 {font-size:13px}
#orderbreakdown h3 strong, #orderbreakdown .nm strong {color:#BE3928}
#orderbreakdown .subtotal {border-bottom:1px solid gray; font-style:italic}
#orderbreakdown .grandtotal {border-bottom:double 3px black; font-weight:bold; font-style:italic}

h2#summaryhead {background:#FFF; color:#000; font-size:14px}

.pointpay {margin: 4px 0; }
.pointpay b {font-size:1.1em; color:#BE3928}

.charform .pointpay {font-size:.9em}

.point-nmP .pointcost {font-style:italic; letter-spacing:.025em;margin:4px 0;}



/*.pointearning {width:66px; height:71px; margin: 5px 10px; background:url(icons/pointstar2.gif) no-repeat; text-indent:-7000px;overflow:hidden; }
.pointearning span {display:block;margin:6px 10px 28px;font-size:20px; font-weight:bold; color:#FFF; text-align:center; text-indent:0px; }*/
.chartform .pointblock {margin:2px 0}

.pointearning { margin:6px 0 2px; padding:1px 0 2px 29px; background: url(icons/icon_promo.gif) no-repeat left center} 
.pointearning span {font-weight:bold; font-size:1.1em;color:#C03}

.chartform .pointearning{font-size:.9em;}

/*Attributes*/
.attr_block {margin:5px 0}/*containing block*/
.attr_block div {margin-bottom:2px} /*Individual item*/

/*.nullAttr {display:none}*/ /*Attribute with no value*/

/* ~~~  removed inline styles - cart and order areas ~~~~~~~~~*/
#paypalpaymentmark td {color:gray;}
#couponcodeentry { margin:6px 0 6px 0; padding:10px; border: 1px solid silver; width:93%; }
#c3_billaddr td {border:2px solid #EEE; width:50%}

#order_dtl th, #order_dtl td { padding:4px; }
#order_dtl {border: 2px solid #eee}
.cart_orderinfo {border-left:1px solid #eee; padding-left:10px}
.order_info_tbl {border:2px solid silver; border-collapse:collapse}
.order_info_tbl td {padding:2px; border:1px solid silver}
#order_summary_div  {margin:20px 0;border: 2px solid silver; padding:0;width:98%}

.textarealimit input {border-width:0px; width:30px; text-align:center; background:transparent;} /*number of characters remaining in a text area */


/*Outlook Import classes */
.outlookinstruct {border: 2px outset; padding:8px}
.outlookinstruct h2 {margin: -8px; padding: 4px 2px; }
.outlookinstruct .controlpanel {border: 1px inset; margin:10px 0px 10px 0px; background-color:white; text-align:center}

.importmessage {padding:5px; border:2px solid gray; font-weight:bold; }
.importmessagewarn {padding:5px; border:2px solid red; font-weight:bold; color:red}
.importaddrtable {margin-left:30px; width: 80%}
.importaddrtable .selectAddr{border:1px solid gray;}
.importbutton {font-size:.8em}

/* Product display include */
.dispprodimg {border:1px solid silver; text-align:center}
.dispprodimg .maglink {text-align:right}
.dispprodtext {padding-left:10px; text-align:left; vertical-align:top}

/* ~~~ BEGIN: Shipping Estimator ~~~~~ */
#mod_Ship_Est {padding:5px}

#mod_Ship_Est h4 {margin: 12px 0 2px;}
#mod_Ship_Est p {margin: 2px 0 8px; }
#mod_Ship_Est h4 i{font-weight:normal}

.shipestaddress {border:1px solid gray; background:#EEE; padding:5px; margin-bottom:5px;}
.shipestaddress .datatable {width:100%}

.toggleship {padding-left:27px; background:url(icons/icon_freeship.gif) no-repeat left center}

.shipEstField {font: 11px verdana, geneva, sans-serif; border: 1px solid #a5bc7b;
  width:60px; color:gray; text-align:center} /*text field on cart page for zip code */
  
.estWarn {padding:10px; border: 1px solid; color: brown}

#ShipEstOutput {clear:both; margin:12px 0}

#ShipEstOutput h4{border:1px solid gray; margin:12px 50% -1px 0; padding: 3px 5px}

#ShipEstOutput .datatable th {background:#ACACAA}

/* for cart page */
.imginfo {float:left; border:1px solid #FFF; padding:5px; margin:3px 3px 8px}
.imginfo img {/*height:80px; */float:left; margin: 0 5px 3px 0; border:1px solid silver}


/* ~~~ END: Shipping Estimator ~~~~~ */

/* ~~~ review classes ~~~~~~~*/
.reviewStatBlock th {background:none; color:#5661B1}
.productreview h4, .bestreview h4, .worstreview h4, .reviewHelpfulness h4 {margin: 12px 0 3px}
.reviewHelpfulness {margin:3px 0 20px}
.pr_stars {vertical-align:middle}
.pr_stars img{vertical-align:bottom}

.productreview, .bestreview {border-bottom: 1px dotted #5661B1}
.productreview {padding:12px 0;}
.pr_getRvw {display:block; margin:12px 0 3px}

.labelform label {font-weight: bold; width: 100px; float:left; padding: 1px 10px; text-align:right;}
 .labelform div {clear:left; padding: 4px;}
.labelform .controldiv { margin: 3px 0 0 120px}
#reviewEntryControls input {margin-right:130px}

.pr_Comment label {font-weight:bold; display:block; margin:4px 0 1px}
.pr_Comment .minidelete {width:auto;margin:4px 200px 1px 0}
.pr_Comment .minibutton {width:auto;margin:4px 0 1px}
.reviewHelpfulness .helpfulOver, .reviewHelpfulness .helpfulOver:hover {background:#34339a; color:#FFF;}

.dialog {position:absolute; top:100px; left:20%; right:20%; padding:12px; background:#F4F4F4; 
  border-style:solid; border-width: 1px 2px 2px 1px; border-color:#5A5EB0 #595A8F #595A8F #5A5EB0}
.dlogHd {font-size:1.1em; color:#595A8F; margin:3px 0}
.dialogbuttons {padding:12px 5px 2px; }
.dialogbuttons .delete{margin:0 400px 0 0 }

.pr_doComment, .pr_doComplaint {margin: 0 0 0 5px; vertical-align:top; line-height: 18px}
.reviewHelpfulness .linkdisabled {color:#AAA;}

.reviewcomment {margin:3px 15px 15px;}
.reviewcommentauthor {font-weight:bold; margin:3px 0; }

.getRvwCmmt:link, .getRvwCmmt:visited, 
#pr_getOtherRev a:link, #pr_getOtherRev a:visited,
#pr_getRevEntry a:link, #pr_getRevEntry a:visited {text-decoration:none}

.getRvwCmmt img {border-style:none}
.getRvwCmmt img {border-bottom: 3px solid #EDEDED} /**theme specific - hide underline on images in Mozilla*/

#rc_reviewcontent {border:1px solid silver; padding:12px} /* Review complaint form - div for reviewcontent
/* ~~~ review classes ~~~~~~~*/



/*  GH: June 2010; Shadow box for content presentation: has shadow and curved edges in supporting browsers and H3 tag will appear at TOP as a Heading with a BG color.  */
.shadowbox
{
  background:#FFF;
  padding:8px;
  margin:4px 10px 8px 2px;
  border:1px solid #CCC;
  text-align:left;
  border-radius:6px;
  -moz-border-radius:6px; 
  -webkit-border-radius:6px;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
  ;
}

.shadowbox p {  padding:8px;  text-align:left}
.shadowbox h3 { color:#444 !important; font-size:1.1em !important; padding:4px 4px 4px 8px !important; background: #EEE url(img/bgfadeSILVER.png) repeat-x LEFT TOP !important; margin: -8px -8px 0px -8px !important; border-bottom:1px solid #CCC !important; text-shadow: 1px 1px 1px #BBB; min-height:20px; vertical-align:middle !important; font-family: inherit !important;  text-align:left}

.shadowbox h3.blue, .shadowbox h3.h3inf  { background: #99ccff url(img/bgfadeBLUE.png)   repeat-x  LEFT TOP !important; }
.shadowbox h3.red, .shadowbox h3.h3err { background: #ffcccc url(img/bgfadeRED.png)    repeat-x  LEFT TOP !important; }
.shadowbox h3.green { background: #99cc99 url(img/bgfadeGREEN.png)  repeat-x  LEFT TOP !important; }
.shadowbox h3.silver { background: #EEEEEE    url(img/bgfadeSILVER.png) repeat-x  LEFT TOP !important; }
.shadowbox h3.yellow { background: #ffff66    url(img/bgfadeYELLOW.png) repeat-x  LEFT TOP !important; }
.shadowbox h3.orange { background: #ffcc66    url(img/bgfadeORANGE.png) repeat-x  LEFT TOP !important; }
.shadowbox h3.purple { background: #cc99ff    url(img/bgfadePURPLE.png) repeat-x  LEFT TOP !important; }

.minheightshort { min-height: 100px; }
.minheightmedium { min-height: 200px; }
.minheightlong { min-height: 340px; }

.shadowbox p { margin:6px 2px 2px 2px; text-align:left; }
/*  END: GH: June 2010; Shadow box for content presentation: has shadow and curved edges in supporting browsers and H3 tag will appear at TOP as a Heading with a BG color.  */