/*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:#03C;}
.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; width:800px; margin: 0 auto 12px 0; }
.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:95%; 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:#141F53;
  background:#CCC; font-size:.9em;
  border-bottom:1px solid #978C87
  
  
  }/*For colored column headers*/
  
.tableholder #orderbreakdown table {margin:10px 0 10px auto}
  
.colhead2, .datatable .colhead2 th{color:#141F53;  background:#f3f3f3;
  font-weight:bold;
  text-align:left; vertical-align:bottom;border-bottom:1px solid #978C87;}/*Second type of column header*/  
  
.colhead3, .datatable .colhead3 th{color:#141F53; background:#CCC; border-bottom:1px solid #978C87;
  text-align:left;}    
  
  
.data a:link,.data a:visited     {color: #369;}
.data a:active ,.data a:hover  {color: #000;}

  
.data, .datatable td {font-size: .8em;
  vertical-align:top;
  color: #000;}
 
.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: bold 12px Tahoma, arial, geneva, sans-serif;
     color: #369;  
     border-style: none; 
     text-align: right; 
     background: #FFFFFF;
     padding: 0px 10px 0px 20px}

  
  
th.label {background:#EFEFEF}

.unpaddedlabel {font: bold 12px Trebuchet,Geneva,sans-serif;
  color: #CDF;  
  border-style: none; 
  text-align: right; 
  background: #fff url(/admin/images/labelbg.gif) repeat-x;}
  

 


.labelred {font: bold 12px Trebuchet,Geneva,sans-serif;
  color: #900; 
  text-align: right; 
  background: #F5F5F5;
  border:solid;
  border-width: 1px 1px 2px;
  border-color: #EEE #900 #900 #EEE;
  padding: 0px 10px 0px 20px}
 /* end table styles */
 
.monospace { font:12px'Courier New',Courier,monospace;}
 

 /*Message classes*/
.error, .ok {font: 11px arial,geneva,sans-serif;  color:#B00; 
  padding:5px; width:550px; 
  background:#FFF url(img/messagebg.png) repeat-x;
  margin:0 auto 3px 10px; height:22px;}
  
.error[class], .ok[class] {height:auto;min-height:22px;}  

.ok {color: #003; border-color:#DDD}

#viewcontent .ok, #viewcontent .error {width:auto; border: 1px solid #CCC;}
  


.error ul,.ok ul  { margin:0 0 0 0;  padding:3px 0 3px 50px; 
  background: url(icons/icon_notification_warning.gif) no-repeat 10px center;} 
    
.ok ul  {background-image: url(icons/icon_notification.gif) } 
.error ul li, .ok ul li {margin:2px; } 

.error a:link, .error a:visited {color:#F00; }
.error a:active, .error a:hover {color:#900}





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:#014479; background: url(img/itemnumbg.gif); 
  width:19px; height:16px; padding-top:3px; font-size:11px;
  text-align:center;
  font-weight:bold;}
  
.itemnum[class] { min-width:19px; max-width:21px; width:auto }
 
 /*Formatting for search results*/ 
 .searchdisplay {border:1px solid #EFEFEF; }
/*shopping cart stuff - core*/     



.grouping {font-size: .9em; width:98%;
   background:#f1efee; color:#141f53;
   border:1px solid #e0dddb;
   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; }



/*~~ shopping cart - move to commerce styles ~~~*/
#shoppingcart {color:#999; text-transform:uppercase;
background: url(img/statcartbg.gif) no-repeat;
font-size:.8em;
padding: 5px 5px 5px; width:147px}

#shoppingcart h3 {font-size:1.2em; margin:1px auto; text-align:center; letter-spacing:.05em}

#shoppingcart .currentaddressname td{text-transform:none; vertical-align:middle; padding-bottom:5px}
#shoppingcart h4 {font-size:.95em; margin: 8px 0 4px}  
#shoppingcart h4 span {color:#C00; margin-left:1em;}
#carticon {display:none}

#shoppingcart a:link, #shoppingcart a:visited {color:#999; text-decoration:none}

#cartinner td, #cartinner th {text-align:left; padding: 1px 3px}

#cartclear {font-weight:bold; text-align:center}
    
    
.grouping .datatable {border:1px solid #014479; border-collapse:collapse}
.grouping .datatable th {background:#014479; color:#FFF; border:1px solid #014479; border-collapse:collapse}
.grouping .datatable td {border:1px solid #014479; padding:2px 4px; background:#FFF; font-size:1em}
.grouping .datatable .alt td {background:#f0f0f0}




#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-size:.8em; 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}




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

/*END: shopping cart stuff -core*/   




/* 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 #e5e5e5; padding:4px;}
.addressinfo td.skip {border-color:#FFF; padding:0px; }
.addressinfo th {padding:1px 4px; }

 /*paginator classes*/
 .summarylarge {outline:3px solid orange; 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:0 2px; margin:0 0 0 ;}
 .paginationcontrolbottom {padding:0 2px;}
 
 .paginatecontrol {margin:0 auto; font-size:.8em; padding: 4px; background:#f1efee; border:1px solid #e0dddb; width: 550px; overflow:auto}
 .paginatecontrol[class] {min-height: 20px; height:auto}
 .paginatecontrol .p_totalitems {float:left; margin:4px 5px; display:inline; width:160px; display:inline}
 .paginatecontrol .p_subcontrols {float:right; margin:4px 5px; display:inline; width:360px; text-align:right; line-height:1.5; display:inline}
 
 .p_links {color:#141f53}
 .paginatecontrol a{text-decoration:none; border-bottom: 1px solid; padding:  0; margin:0 3px}
 
 .p_links b { color:#FFF; padding:0 5px ; text-decoration:none; background:#014479; border:1px solid #141f53}
 
 .p_prev {margin-right:5px}
 .p_next {margin-left:5px}
 
 .paginatecontrol a:link {color:#141f53;}
 /*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 =====================  */ 


 

#searchforms {width:500px; }


#div_searchresults {width:535px; background: url(img/groupareaBG.gif) no-repeat; margin: 15px 0 12px 0 ;padding:12px 12px 4px}
#div_searchresults hr {width:80%}
#div_searchresults form {padding:0; width:500px}
#div_searchresults  .paginatecontrol {width:98%}

#div_searchresults h2 {font-size:1.4em; }
#div_searchresults .itemnum {float:left; margin:6px 0 0 6px}
/*#div_searchresults table {width:500px} */

#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 .productimage {padding:2px}
#cartform .productimage img {padding:2px}
#cartform .productimage a:link, #cartform .productimage a:visited {line-height:1.5; text-decoration:none}



#orderbreakdown h3 {font-size:1em}

/*Product Engine Styles*/



/*overrides for product search */


#alphalist {width:599px; background: url(img/groupareaBG.gif) no-repeat; margin: 0 auto 12px 0 !important}
#alphalist td {padding: 6px}


#alphalist ul a:link, #alphalist ul a:visited {color:#999; text-decoration:none} 
#alphalist ul a:active, #alphalist ul a:hover {color:#014479; text-decoration:none} 

/* Group engine stuff */


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

.pdtabcontent {padding: 0 0 0 0; border:1px solid #e5e5e5;}

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

#pdtabcontentcontainer { padding:0 1px 8px 0; background: url(img/tabbody.png) repeat-x; color:#014479}

#pdnav {height:42px; margin-bottom:0}
#pdnav a {display:block; height:42px; padding:0 0 0 0;
  font-size:.9em; float:left; text-transform:uppercase;
  margin:0 2px 0 0; }

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

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

#pdnav a:active, #pdnav a:hover,
#pdnav a.pdactive:link,#pdnav a.pdactive:visited {color:#014479; 
  background-position:bottom left; text-decoration:none; text-shadow: #CCC 1px 1px 2px;}

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

.innertab, #viewcontent {padding:10px; background:none; height:200px}
.innertab[class], #viewcontent[id] {height:auto; min-height:200px}

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



/*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; font-size:.75em; border-style:none}
.tabiframe .phonetable th {color:#666;}

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

/*new pricing classes*/




.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 {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; border-style:none}
.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}

.clearer {display:block; padding:0; margin: 0 0 0 0 ; clear:both; height:0; overflow:hidden}


/* Common feature styles*/
.ptitle {font-size:11px; letter-spacing:.025em; text-transform:uppercase}

.priceblock .retailprice, .priceblock .finalprice {display:inline; margin-right: 1em}
.finalprice {color:#c73f2f}
.stricken {text-decoration: line-through}

#maincontent #container404, #maincontent #container500 {width:579px; margin: 20px auto 12px 0}





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