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

.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:#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: 0 35px 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:bold 11px Trebuchet,Geneva,sans-serif; text-align:left;
  background:#5661B1}/*For colored column headers*/
  
.tableholder #orderbreakdown table {margin:10px 0 10px auto}
  
.colhead2, .datatable .colhead2 th{color:#FFF;  background:#C00;
  font:bold 11px Trebuchet,Geneva,sans-serif;
  text-align:left; vertical-align:bottom;}/*Second type of column header*/
  
.colhead3, .datatable .colhead3 th{color:#000; background:#EBEBFF;
  font:11px Trebuchet,Geneva,sans-serif;
  text-align:left;}    
  
.data, .datatable td {font: 12px arial, geneva, sans-serif;
  vertical-align:top;
  color: #000;}
  
  .datatable th {padding:2px 3px;}
  
 .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 {font: 12px arial, geneva, sans-serif; color: red;}
.dataid, .datatable td.id {font: 12px arial, geneva, sans-serif; color: silver;}
.dataalt,.datatable .alt td{font: 12px arial, geneva, sans-serif; color: black; background: #e5e5e5;}
.datatable .alt2 td{background: #ddd;}
.dataredalt, datatable .alt .td.red{font: 12px arial, geneva, sans-serif; color: red; background: #ddeeff;}
.dataidalt,.datatable .alt td.id{font: 12px arial, geneva, sans-serif; color: silver; background: #ddeeff;}
.databold, .datatable td.bold{font:bold 12px arial, geneva, sans-serif; color: #000;}
.databoldalt,.datatable .alt td.bold{font: bold 12px arial, geneva, sans-serif; color: #000; background: #ddeeff;}
.datarow td{border-bottom:1px solid #999}
.edittable td{vertical-align:top}

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

.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;  
  border-style: none; 
  text-align: right; 
  background: #F5F5F5;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  border-right: 1px solid #BE3928;
  border-bottom: 2px solid #BE3928;
  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:#FC0; font-weight:bold; font-style:italic; }
 .promoclass a:link, .promoclass a:visited,.promoclass a:active, .promoclass a:hover {color:#FC0}
 .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:#5661B1;
  width:17px; height:17px;
  text-align:center;
  font:bold 12px Trebuchet,Geneva,sans-serif;}
  
.itemnum[class] { min-width:17px; max-width:21px; width:auto }
 
 /*Formatting for search results*/ 
 .searchdisplay {border:1px solid #e5e5e5; }
/*shopping cart stuff - core*/     
#shoppingcart {font: 10px verdana, geneva, sans-serif;
   background:#EAEBFF;color:#5A5EB0;
   border-bottom:3px solid #FFF;
   text-align:left;
   padding-bottom:15px; }


.grouping {font: 10px verdana, geneva, sans-serif;
   background:#EAEBFF; color:#5A5EB0;
   border:1px solid gray;
   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 {color:#FFF;
  background:#838488; text-align:center;
  font:bold 15px Trebuchet,Geneva,sans-serif; padding:4px;
  margin:0 0 0 0;}
  
#shoppingcart p {font:9px Verdana, geneva,sans-serif;margin:2px 4px 10px}
.grouping h3 {color:#666;}
#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:#FFF}
.grouping a:link, .grouping a:visited {color:#666}
.grouping a:active, .grouping a:hover {color:#999}
.grouping .datatable {border:1px solid #343399; border-collapse:collapse}
.grouping .datatable th {background:#343399; color:#FFF; border:1px solid #343399; border-collapse:collapse}
.grouping .datatable td {border:1px solid #343399; padding:2px 4px; background:#FFF}
.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 #BE392A; background:#FFF; padding:4px}
#cartinner table {width:140px}
#cartinner th {font: bold 10px Tahoma, geneva, sans-serif; color:#666; background:#FFF; text-transform:uppercase; text-align:left}
#cartinner td {font-size:10px; color:#666; text-transform:none; text-align:left}
.currentaddressname td {font-weight:normal; text-transform:none;border-bottom:1px solid #999;  background:#f0f0f0;}
#shoppingcart .currentaddressname a:link, #shoppingcart .currentaddressname a:visited {color:#000}
#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:#585FB0; text-decoration:none} 
#cartinner a:active, #cartinner a:hover {color:#BE392A; 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 {color:#585FB0; text-decoration:none}
#cartclear a:active, #cartclear a:hover {color:#BE392A; text-decoration:underline}
/*END: shopping cart stuff -core*/   

/*Featured & Associated Product Classes-core*/  
.featureouter {width:126px; border:0px solid silver;}
.featureinner form {margin:0px}
.featureinner select {width:80%; display:block}
.featureinner {height:100%; border:1px solid silver; padding:2px; margin:5px; margin-bottom:10px;}
.featureproductform .button, .associationform .button {display:block; margin:2px;width:110px}
.featureproductform .featureshowall .button {margin:6px}
.assocshowall {margin-top:10px;text-align:center}
.featureproductform .featureshowall p {text-align:center; margin-top:3px}

/*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 {background:#339; color:#fff; padding:3px 7px; font-size:13px; text-align:left}
 .paginationcontrolstop,.paginationcontrolbottom {background:#D1D1D1; color:#000; text-align:center;padding:2px;}
 .paginationcontrolstop table,.paginationcontrolbottom table{margin:0 auto; width:95%}
 .paginationcontrolstop td {color:#000;}
 .paginatecenter {text-align:center}
 /*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 #5661B1;}
 .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 #f0f0f0}/*default product media settings*/
 .varietyselector {border:1px solid silver} /*default variety selector*/
 #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*/
 #productdetail #pagetitle {background:#000; color:#FFF; padding:8px; margin:0; font-size:12px; border-bottom:1px solid #666}
 /*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*/
.habove {background:#CCF; margin:0; height:33px; text-align:center; font:bold 13px 'Trebuchet MS',Geneva,sans-serif; text-transform:lowercase;}
.habove a {display:block; padding:3px; }
.habove a:link, .habove a:visited {color:#000; text-decoration:none; background:none;text-align:center;}
.habove a:active, .habove a:hover {color:#BE3A28; text-decoration:none; background:none;text-align:center;}
.featuregrouptable .grprow2 td, .grouptable .grprow2 td {text-align:center; vertical-align:top; background:#FFF url(hp/groupgradient.gif) repeat-x; border:1px solid #FFF; border-width:0 1px}
.featuregrouptable th, .grouptable th {background:#FFF}
.featuregrouptable ul, .grouptable ul {list-style-type:none; margin:3px 3px 3px 12px; padding:0 0 0 0; font-weight:bold}
.pdrow1 td {text-align:center; vertical-align:top; background:#FFF url(hp/productgradient.gif) repeat-x; border:1px solid #FFF; border-width:0 1px}
.groupimage, .productimage {border:1px solid #EEE; margin:5px auto; }
.grprow3 td, .grprow4 td, .grprowlast td{padding: 3px; border:1px solid #FFF; border-width:0 1px}
.grouptable .grprow4 td {padding: 3px 15px}
.pdrow2 td, .pdrow3 td, .pdrow4 td, .pdrowlast td {padding: 2px 5px; border:1px solid #FFF; border-width:0 1px}
.grprowlast td, .pdrowlast td  {border-width:0 1px 1px 1px}

.pdrowlast select {width:100%}
.groupproducttable .pdrow2 h3, .productvariationtable .pdrow2 h3 {font-size:11px}
.pdrow2 h4{font-size:11px;margin:1px;}

.p_imgcell {width:150px; background:#FFF url(sp/productimagebg.gif) repeat-y; }
/* Classes for display of products on group page */
#productdisplayform {width:649px}
 .groupproducttable {width:649px}
 .groupproducttable .minibutton {display:block}
 .groupproductdisplay {text-align:center;}
 .groupproductdisplay table {margin:0px auto}
 .groupproductdisplay td{text-align:left;}
 .groupproductdisplay h3 {margin-top:0px; margin-bottom:-8px; font-weight:normal; text-transform:uppercase; }
 .groupproductdisplay h3 b {font-weight:bold}
 .groupproductdisplay h3 a:link {color:#17176A;text-decoration:none}
 .groupproductdisplay h3 a:visited {color:#17176A;text-decoration:none}
 .groupproductdisplay div{margin-top:8px;text-align:center}
 .groupproductdisplay div .minibutton {margin:1px auto}
 /* END: Classes for display of products on group page */

.featurehorizontal h3 {font-size:11px; margin:2px; text-transform:uppercase}
#allvariationscontainer h2 {font:bold 17px Trebuchet,Geneva,sans-serif; padding:4px; margin:0; background:#838488; color:#FFF; border-bottom:2px solid #FFF}
#allvariationscontainer table {width:95%;}
#allvariationscontainer table[id] {width:100%;}



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

#div_searchresults {margin-top:15px;}
#div_searchresults h2
{ color:#FFF; border-width:0 0 0 0; background:#BE3928; font:bold 17px Trebuchet,Geneva,sans-serif; padding:4px; margin:0 0 0 1px; }
#div_searchresults[id] h2{margin:0 1px 0 1px;}
#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}


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

.pdtabcontent {background:#EDEDED; padding:2px 10px 10px}

#pdtabcontainer {clear:both;margin:20px 0 0 0}

#pdtabcontentcontainer {border:1px solid #D2D1D1; background:#CDC8A8;}

#pdnav {height:26px; font-size:.8em}
#pdnav a {display:block; height:26px; padding:0 0 0 0;
  font-weight:bold; float:left; position:relative; top:1px; 
  margin-right:3px}
  
#pdnav span {display:block; height:23px; padding:3px 18px 0 3px; margin-left:10px; cursor:pointer;
  font-weight:bold; float:left; line-height:18px;
  background:#FFF url(sp/tabrightbg.gif) no-repeat right top}

#pdnav a:link, #pdnav a:visited {color:#FFF; text-decoration:none;
   background: url(sp/tableftbg.gif) no-repeat;}
   
#pdnav a:active, #pdnav a:hover,
#pdnav a.pdactive:link,#pdnav a.pdactive:visited {color:#5661B1; 
 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; color:#17176A; 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 ~~~~~~~~~~ */





/*Stuff in tab iframes */
.tabiframe {background:#EDEDED}
.tabiframe #maincontent {margin:0 0 0 0}
.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}
.tabiframe .colhead2 th {background:#A2A5BF; color:#5D6075} /* theme specific; normal colspan2 too strong for iframes */
.tabiframe #maincontent #paymentform h3 {background:#777; padding: 2px 5px} /* theme specific; normal colspan2 too strong for iframes */
/*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;}

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

/*new pricing classes*/
.priceblock {margin-top:5px;}
.stricken .price{text-decoration: line-through}
.saleprice {font-weight:bold; color:#092}
.finalprice, .saleprice {margin-bottom:8px}
.finalprice .price{font-weight:bold; border-bottom:3px double; color:#BE3928}
.nearfinalprice .price{font-weight:bold; text-decoration:underline line-through; color:#BE3928}
.saleprice .price{font-weight:bold; border-bottom:3px double; color:#092}

.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; }
.pdrow2 h3 {padding-bottom:0px;margin:0px;}
.pointblock {margin:0px 25px}
.pointcost {font-style:italic; letter-spacing:.025em;margin-left:22px}
.pointcost b {font-style:normal}

.point_nmE {width:80px;margin:3px auto 10px}
.point_nmE .pointearning {margin: 5px auto 0}
#maincontent .point_nmE p {margin:0; font-size:10px; text-align:center}

/*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}
#grouptitle span {font-weight:normal}
#grouptitle a:link,#grouptitle a:visited {color:#EBEBFF; text-decoration:none; }
#grouptitle a:active,#grouptitle a:hover {color:#EBEBFF; 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:95%}
.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{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-size:12px; 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}

.pointpay b {font-size:1.2em; color:#BE3928}

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

.PEform .add2cart, .PEform .moredetails, .PEform add2WL {display:block; margin:1px 0 }

.chartform .add2cart {position:static}

.onsale, .lastchance {float:right; padding: 0 2px 4px 12px; border-style:none; }

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

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

/*.nullAttr {display:none}*/ /*Attribute with no value*/
#maincontent .pp_unified td {text-align:left}
.pp_unified .prodimagelink { width:129px; float:left;margin:0 8px 8px 0}

#maincontent .pp_unified h3 {font:bold 14px Verdana; margin:3px 0 2px 0}
#maincontent .pp_unified h4 {font:bold italic 11px Verdana; margin: 2px 0}

.pp_unified .pdesc,.pp_unified .psku  {clear:both;text-align:left}

.pp_unified .priceblock {text-align:left; height:60px} 

.pp_unified .addSel select {width:200px}

.pp_unified .pointblock {margin: 0 auto 2px 0;  position:relative }
.pp_unified .pointearning { position:absolute; left:120px; top:-90px;}

 .pp_unified .pointpay  {display:none}
 
 .pp_unified .point_nmE {width:150px;margin:3px auto 10px}
 
 /* ~~~  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%}


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

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

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

/*Checkout Step 2,partial payment */

.checkouttable .label {width: 160px}
.checkouttable label {margin-top:3px; display:block}

/* Product Comparison list page */
.prodcomparebox { border:1px solid gray; width:680px; background:white; overflow:hidden; min-height:400px; text-align:left;}
.prodcomparebox table { width:auto; table-layout:fixed; border-collapse:collapse;}
.prodcomparebox table td { min-width:100px; text-align:left; border:1px solid #EEE; }
.prodcomparebox p, .prodcomparebox ul, .prodcomparebox ol { text-align:left; }
/* END:Product Comparison list page */



/*  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-color:white;
  padding:8px;
  margin:4px 10px 8px 2px;
  border:1px solid #DDD;
  text-align:left;
  -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);
  FILTER: progid:DXImageTransform.Microsoft.Shadow( Color=CCCCCC, offX=3, offY=3, direction=127, positive=true);
}

/*  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=127); */

.shadowbox h3, .shadowbox p { text-align:left;}
.shadowbox h3 { display:block; padding:4px 4px 4px 8px; margin:0;  background: #EEE url(img/Hbgfade.png) repeat-x; margin: -4px -8px 0px -8px; border-bottom:1px solid #DDD;}
.shadowbox p { margin:6px 2px 2px 2px; }
/*  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.  */


/*Pure Electronics specific slide show styles*/
.pc_slideshowOuter {padding-bottom: 20px; min-height:250px}
.pc_controlbar {position:absolute; z-index:100; bottom: -2px; left: 10px; font-size:.9em}

.pc_controlbar a {padding:2px 4px; margin: auto 2px; font-size:1.1em; float:left}

.pc_controlbar a:link, .pc_controlbar a:visited {color:#316ac5; text-decoration:none}
.pc_controlbar a:active, .pc_controlbar a:hover {color:#be392a}

.pc_controlbar a.activeSlide:link, .pc_controlbar a.activeSlide:visited, .pc_controlbar a.activeSlide:active, .pc_controlbar a.activeSlide:hover {font-size:1.1em; color:#FFF; background: #be392a; text-decoration:none}



.pc_slide_masterContentA a {font-size:.95em; position:absolute; z-index:100; bottom: 5px; right: 10px; display:block; padding: 3px 18px; background:#8BD8B1; color:#069}