/*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 {  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: #436381; 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 #999; }

.varietyiconpicker .vs_view {clear:both}

.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;}
.hilite{color:#FFFFFF; background:#17176A;}
.small{font-size: 10px;} /*Smaller than normal text-assumes normal text is bigger than 10px*/
.pointerhand { cursor: pointer; }
.hiddenobj {display:none}

a {outline:none} /*turn off all link outlines in Mozilla*/

/*Table Styles --------------------------------------------------------------- */
.topalign td {vertical-align:top; background:#FFF}
.tableholder{text-align:center;}
.tableholder .legend, .tableholder legend {font-size:11px}
.tableholder fieldset {border-color:#EFEFEF}
.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*/
.colhead,th, th a:link, th a:visited, .colhead a:link, .colhead a:visited{color:#FFF;
  font-weight:bold; font-size: 1.1em; text-align:left;
  background:#069}/*For colored column headers*/
  
.tableholder #orderbreakdown table {margin:10px 0 10px auto}
  
.colhead2, .datatable .colhead2 th{color:#FFF;  background:#39C;
  font-weight:bold;
  text-align:left; vertical-align:bottom;}/*Second type of column header*/
  
.colhead3, .datatable .colhead3 th{color:#000; background:#E3E4E4;
  text-align:left;}    
  
.data, .datatable td {font-size: .8em;
  vertical-align:top;
  color: #000;}
  
 .datatable th a:link {color:#FFF}
 .datatable th a:visited {color:#F0F0F0}
 
.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 {color: red;}
.dataid, .datatable td.id {color: silver;}
.dataalt,.datatable .alt td{background: #EFEFEF;}
.datatable .alt2 td{background: #ddd;}
.dataredalt, datatable .alt .td.red{ color: red; background: #ddeeff;}
.dataidalt,.datatable .alt td.id{ color: silver; background: #ddeeff;}
.databold, .datatable td.bold{font-weight:bold;}
.databoldalt,.datatable .alt td.bold{font-weight: bold;  background: #ddeeff;}
.datarow td{border-bottom:1px solid #999}
.edittable td{vertical-align:top}

.label {font-weight:bold;
  color: #333;  border-style: none; 
  text-align: right;
  padding: 0px 10px 0px 20px} 
  
th.label {background:#EFEFEF}

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

.labelred {font: bold 11px Trebuchet,Geneva,sans-serif;
  color: #BE3928; 
  text-align: right; 
  background: #F5F5F5;
  border:solid;
  border-width: 1px 1px 2px;
  border-color: #EEE #BE3928 #BE3928 #EEE;
  padding: 0px 10px 0px 20px}
 /* end table styles */
 
.monospace { font:12px'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:#FFF; font-weight:bold; font-style:italic; }
 .promoclass a:link, .promoclass a:visited,.promoclass a:active, .promoclass a:hover {color:#FFF}
 .exclaim, h3.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: #096; border:1px solid #3C9;
  width:14px; height:15px; padding-top:1px;
  text-align:center;
  font-weight:bold;}
  
.itemnum[class] { min-width:14px; max-width:21px; width:auto }
 
 /*Formatting for search results*/ 
 .searchdisplay {border:1px solid #EFEFEF; }
/*shopping cart stuff - core*/     
#shoppingcart {
   color:#436381;
   border-bottom:3px double #A1A6Af;
   text-align:left;
   padding-bottom:15px; 
   margin-bottom:20px}


.grouping {font-size: .9em; width:725px;
   background:#8bd9b1; color:#069;
   border:1px solid #069;
   text-align:left;
   margin:12px auto; padding:8px} 
.grouping .header { margin:0; display:block; border-bottom: 1px solid gray; width:450px; margin-bottom:5px; font-size: 14px; }


#maincontent .grouping h2 { padding:0 0 2px 0; margin:0 0 -10px 0}



  
#shoppingcart p {font:9px Verdana, geneva,sans-serif;margin:2px 4px 10px}
.grouping h3 {color:#096;}
#shoppingcart h3 a:link,#shoppingcart h3 a:visited, .sum a:link,.sum a:visited {text-decoration:none; color:#FFF}
#shoppingcart h3 a:active,#shoppingcart h3 a:hover, sum a:active, .sum a:hover {text-decoration:none; color:#A1A6Af}

.grouping .datatable {border:1px solid #436381; border-collapse:collapse}
.grouping .datatable th {background:#369; color:#FFF; border:1px solid #369; border-collapse:collapse}
.grouping .datatable td {border:1px solid #369; padding:2px 4px; background:#FFF; font-size:1em}
.grouping .datatable .alt td {background:#f0f0f0}


#shoppingcart h4 {color:#000; font-size:10px; margin:3px 5px;} 
#shoppingcart h4 span {color:#BE392A} 
.totalitems {font: bold 10px Tahoma, geneva, sans-serif; color:#666; margin-top:0px}
.sum {color:#666; margin-top:10px}
#carticon {display:none;}
#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 .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, #cartcompact #storecredit{display:none}

#cartinner {border:1px solid #A1A6Af; background:#DDDEE1; padding:4px; margin: 0 10px}
#cartinner table {margin:2px 8px}
#cartinner th {font: bold 10px Verdana, geneva, sans-serif; color:#FFF; background:#A1A6Af; text-transform:uppercase; text-align:left}
#cartinner td {font-size:10px; color:#000;  text-align:left}
.currentaddressname td {color:#FFF; font-weight:normal; border-bottom:1px solid #FFF;  background:#A1A6Af;}
#shoppingcart .currentaddressname a:link, #shoppingcart .currentaddressname a:visited {color:#FFF}
#storecredit{padding:4px; color:#666; border:1px solid #BE392A; margin-top:10px; background:#FFF}


#sc_pointbalance div {padding:0 5px 5px;font-style:italic}
#storecredit h4{margin:3px}
#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} 
#cartinner a:link, #cartinner a:visited {color:#503b15; text-decoration:none} 
#cartinner a:active, #cartinner a:hover {color:#53565B; text-decoration:underline}    
#cartinner hr {color:#000; background-color:#000; border-style:none; height:1px} 
#cartclear {text-align:center; font-weight:bold;margin: 6px auto 3px}
#cartclear a:link, #cartclear a:visited { text-decoration:none}
#cartclear a:active, #cartclear a:hover { text-decoration:underline}
/*END: shopping cart stuff -core*/   



/*Check out page headers*/
.stepheader {width:95%}
.stepheader, stepheader td {font:11px Verdana, Geneva, sans-serif; background:#EFEFEF;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:#4A76A0;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:#7D9AB5}

/*used by order summary page*/
.addressinfo td {vertical-align:top; border:1px solid #EFEFEF; padding:4px;}
.addressinfo td.skip {border-color:#FFF; padding:0px; }
.addressinfo th {padding:1px 4px; }

 /*paginator classes*/
 .summarylarge {background:#E3E4E4; color:#000; border:1px solid #D8D8EB; border-color:#F5F5FC #D8D8EB #D8D8EB #F5F5FC; border-width:1px 2px 2px 1px; }
 
 .paginationtotal {padding: 6px; font-style:italic; font-weight:normal; color:#000; background:#FFF; font-size:.95em}
 .paginationcontrolstop,.paginationcontrolbottom {color:#000; text-align:center}
 .paginationcontrolstop {padding:14px 2px 3px;}
 .paginationcontrolbottom {padding:3px 2px 14px;}
 
 .paginatecontrol {font-size: .95em; border: solid #8CD8B2; border-width: 2px 0; height: 20px}
 .paginatecontrol .p_totalitems {float:left; margin:4px 5px; display:inline}
 .paginatecontrol .p_subcontrols {float:right; margin:4px 5px; display:inline}
 
 .p_links {color:#FFF}
 .paginatecontrol a{text-decoration:none; border-bottom: 1px solid; padding:  0; margin:0 3px}
 
 .p_links b { color:black; padding:0 5px ; text-decoration:none; background:#8CD8B2; border:1px solid #8CD8B2}
 .p_prev {margin-right:5px}
 .p_next {margin-left:5px}
 
 .paginatecontrol a:link {color:#339;}
 /*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 #436381;}
 .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*/
 
 
 .companyname a:hover {color: #69C;}
/* === END Area Classes/ID's - used for specific areas within system =====================  */ 


 


#div_searchresults {margin-top:15px;}
#div_searchresults h2 {font-size:1.4em}
#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}

/*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}*/

#orderbreakdown h3 {font-size:1em}

/*Product Engine Styles*/
.PEform table {border-collapse:collapse;}
.PEform table td {padding: 1px 15px; border: solid #E1E1E1}

.PEform .paginationcontrolstop {padding:0 0 10px 0; border-style:none}
.PEform .paginationcontrolbottom {padding:10px 0 0 0; border-style:none}
.PEform table .pdrow1 td {text-align:center; border-width: 1px 1px 0 1px; padding: 5px 5px 20px} /* Image cell*/
.PEform table .pdrow2 td { border-width: 0 1px 0 1px}  /* title cell*/
.PEform table .pdrow2 td h3 {color:#096; margin:0; font-size:1em; font-weight:bold}

.PEform .promoclass {color:#069;font-style:normal; display:block;  margin-top:-12px}


 a.ptitle:link,  a.ptitle:visited {color:#096;} /*Title links*/
 a.ptitle:active, a.ptitle:hover {color:#39C;}
 
.PEform table .pdrow3 td { border-width: 0 1px 0 1px}  /* manufacturer cell*/
.PEform table .pdrow4 td { border-width: 0 1px 1px 1px;
  background: url(img/tbodybg.gif) repeat-x left bottom}  /* price cell*/
.PEform table .pdrowlast td {display:none}  /* hidden fields*/

.PEform .pointpay, .PEform .pointblock {display:none}




#pdtabcontainer .PEform table td {border-style:none}
#pdtabcontainer .PEform table .pdrow4 td {background:none}

#pdtabcontainer .pp_unified .p_info {float:right; width:130px;}
#pdtabcontainer .pp_unified .p_info h3 {margin: 6px 0 5px}
#pdtabcontainer .pp_unified .p_info .pdesc {margin: 5px 0; color:#39C}

#pdtabcontainer .productimage {max-width:80px; float:left; margin: 10px ; }


/*overrides for product search */

#div_searchresults h2 {font-size:1.4em}
#div_searchresults .itemnum {float:left; margin:6px 0 0 6px}
#div_searchresults {margin-top:15px;font-size: 1.1em}
#div_searchresults .pdesc { font-size:.95em; margin: 4px 0}
#div_searchresults .ptitle{font-size: 1.1em}
#div_searchresults .PEform table .pdrow4 td {border-width: 0 1px 0 1px; background:none}
#div_searchresults .PEform table .pdrowlast td {display:block; display:table-cell; border-width: 0 1px 1px; background: url(img/tbodybg.gif) repeat-x left bottom} 

#alphalist {width:99%}

/* Group engine stuff */
.grouptable th {background:none; color:#069; text-align:center;
  padding: 3px; border: solid #E1E1E1; border-width: 1px  1px 0}
.grprow3 td { border: solid #E1E1E1; border-width: 0  1px ; padding: 2px 20px 5px}
.habove {font-size:1.1em; margin:0; }
.habove a:link, .habove a:visited {color:#069; background:none}
.habove a:active, .habove a:hover {color:#096; background:none}
.grprowlast td {border: solid #E1E1E1; border-width: 0  1px 1px; }
.groupimagelink img {display:block; margin: 12px auto}



/* ~~~ new Tabbing ~~~~~~~~~~ */

.pdtabcontent {padding: 0 0 0 0; border: solid #096; border-width: 0 1px; }

#pdtabcontainer {margin:7px 0 0 0;}

#pdtabcontentcontainer { padding:0 1px 8px 0; background:url(img/sp/pdbottom.gif) no-repeat 0 bottom; width:741px;}

#pdnav {height:33px;padding-bottom: 7px; background: url(img/sp/pdtopBG.gif) no-repeat left bottom}
#pdnav a {display:block; height:33px; padding:0 0 0 0;
  font: bold 1.2em Helvetica, Arial, sans-serif; float:left; position:relative; top:1px; 
  margin:0 2px 0 -1px}

#pdnav span {display:block; height:25px; padding:8px 18px 0 5px; margin-left:10px; cursor:pointer;
  font-weight:bold; float:left; line-height:18px;
  background:#FFF url(img/hptabrightbg.gif) no-repeat right top}

#pdnav a:link, #pdnav a:visited {color:#FFF; text-decoration:none;
  background: url(img/hptableftbg.gif) no-repeat;}

#pdnav a:active, #pdnav a:hover,
#pdnav a.pdactive:link,#pdnav a.pdactive:visited {color:#FFF; 
  background-position:bottom left; text-decoration:none}

#pdnav a:active span, #pdnav a:hover span,
#pdnav a.pdactive:link span, #pdnav a.pdactive:visited span {background-position:right bottom}

.innertab {padding:10px; }

#maincontent .pdtabcontent h2 {background:none; margin: 12px 0 3px 0; padding: 0 0 0 0; font-size:12px} /* specific to pureElectronics */
#maincontent .pdtabcontent h3 {margin: 12px 0 3px 0;}
#maincontent .pdtabcontent p {margin: 3px 0 15px 0;}

.pdtabcontent .paginationcontrolstop, .pdtabcontent .paginationcontrolbottom {background:none} /* possibly theme specific */
/* ~~~ new Tabbing ~~~~~~~~~~ */

#manuflist {width: 96%; margin:12px auto}
#manuflist img {border-style:none}
#manuflist td {font-size:.7em}


/*Stuff in tab iframes */
.tabiframe {background:#FFF}
.tabiframe #maincontent {margin:0 3% 0 4%}
.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:#EDEDED;}
.tabiframe .formfield {width:210px}
.tabiframe .labelred {background: #EDEDED}
/*Stuff in tab iframes */

/*Retail price markers*/
.retailprice  {color:#0E0F3E; font-size:.95em}
.retailsavings { font-size:.9em; padding:2px 0;  font-weight:bold}
.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;}

#registerupselllink {font:bold 13px Arial,Geneva,sans-serif}

/*new pricing classes*/
.onsale {float:right; margin-left:3px}
.priceblock {margin-top:5px;}
.stricken {text-decoration: line-through}

.finalprice, .saleprice {font-weight:bold;margin-bottom:8px; color:#ED1C24}
.finalprice .price{ border-bottom:3px double; color:#ED1C24}
.nearfinalprice .price{font-weight:bold; text-decoration:underline line-through; color:#BE3928}
.saleprice .price{font-weight:bold; border-bottom:3px double; color:#092}
.calcprice {padding-bottom:2px}
.calcprice .price {font-weight:bold; color:#4A76A0; border-bottom:3px double}



/*#grouptitle span {font-weight:normal}
#grouptitle a:link,#grouptitle a:visited {color:#E3E4E4; text-decoration:none; }
#grouptitle a:active,#grouptitle a:hover {color:#E3E4E4; text-decoration:none; }*/


.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:428px}
.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 {font-size:9px;text-align:center}
.productchart .ns td {font-size:9px; text-align:center; border-width:1px 1px 1px}
.productchart th div {font-weight:normal; font-size:9px}

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

#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 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}


#cv_bas .pointearning, #cv_det .pointearning, #order_dtl .pointearning{font-size: .9em;width:auto; height:auto; margin: 5px 0; background: url(icons/pointstar_3.gif) no-repeat; text-indent:0;overflow:auto; padding: 1px 0 1px 23px}
#cv_bas .pointearning span, #cv_det .pointearning span, #order_dtl .pointearning span {display:inline;margin:0 0 0 0 ; font-weight:bold; color:#000; text-align:center; text-indent:0px; }

#cv_bas .point_nmE, #cv_det .point_nmE, #order_dtl .point_nmE {width:auto;margin:0 0 0}
#cv_bas .point_nmE  .pointearning, #cv_det .point_nmE  .pointearning, #order_dtl .point_nmE  .pointearning {margin: 0 0;}
#maincontent #cv_bas .point_nmE p, #maincontent #cv_det .point_nmE p, #maincontent #order_dtl .point_nmE p {text-align:left}





.cartaction a {text-transform: capitalize}

.cartaction a.pt {color:#F60;}





/*.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}
.chartform .pointearning{width:auto; height:auto; margin: 0 0 0 0; text-indent:0;overflow:visible; padding: 0 0 0 0 ; background:none}
.chartform .pointearning span {display:inline;margin:0 0 0 0 ;font-size:12px; font-weight:bold; color:#000; text-align:left; text-indent:0px; }
#maincontent .chartform .point_nmE {width:auto;margin:0 0 0 0; text-align:left}

/*recent products form*/
.topalign #recentproductsform .recentproduct .p_imgcell {width:90px; padding:2px 2px 2px 2px}
.topalign #recentgroupform h3 {margin:0 0 4px}
.topalign #RV_products, .topalign #RV_groups {width:50%}
.topalign #RV_groups td {padding:2px 2px 2px 2px}

.topalign #RV_groups h3 {font-size:1em}
.topalign #RV_groups h3 a:link, .topalign #RV_groups h3 a:visited {color:#396}

/*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 */

/* ~~~ 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:30px; background:url(icons/icon_freeship.gif) no-repeat left center}

.shipEstField {font: 11px verdana, geneva, sans-serif; border: 1px solid #999;
  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:#069}
.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 solid #E1E1E1}
.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:#39C; 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:#436381 #595A8F #595A8F #436381}
.dlogHd {font-size:1.1em; color:#069; 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 ~~~~~~~*/

#wishlist_img img {max-width:400px; margin: 2px auto}  /* image on add to wishlist page */

#cv_det .productdescription {width:275px}

#cv_det .productimage a, #order_dtl .productimage a{font-size:.8em}






/*  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.  */