/* importedcommercestyles.css                                    */
/* Commerce styles -- classes and areas within the core software */
/* These styles need to be hidden from older browsers.           */

/* === Utility Classes - Used throughout system ==========================================  */ 
.buttondisabled {background-color:#EEE; color:gray;
  padding:0px 2px;
 font-weight: normal; font-size:.9em; letter-spacing: .075em;
  border:1px solid silver;
  margin:1px 1px 0px 0px}
  
.tabiframe .buttondisabled, .tabiframe .delete {font: 10px Trebuchet,Geneva,sans-serif;
    height:16px; width:80px;
    padding:0px; margin:1px;}/*same width as minibutton*/

.input, .formfield{font: 11px verdana, geneva, sans-serif;
  color: #000; 
  border: 1px solid #afaa9e;
  background: #fff; }
  
textarea.formfield { overflow:auto; }
  
.input:focus, .formfield:focus {border: 1px solid #333; }

textarea.overlength, textarea.overlength:focus {color:#900; border:1px solid #F00}
.textlengthOK {color:#000}
.textlengthWarn {color:#F00; font-weight:bold}


fieldset,.fieldset {border:1px solid #A49183; padding:12px; margin:12px 0} /*fieldset for grouping forms. Class "fieldset" can be used on a div to give border*/  

legend,.legend{font-weight: bold ;/*Legend for fieldsets*/
  color:#670E02;}  

/*Button Classes--note: most of these will not be visible in NN4--------------- */ 
.button, .update, .reset, .insert,.reset, .clear ,.cartbutton,.submit
{ font-weight: normal; font-size:.95em;
  padding:0px 1px 0px 2px; letter-spacing: .05em;
  color: #FFF; background: #670E02 url(img/buttonbg.gif) repeat-x left center; 
  border: 1px solid;
  border-color: #851D0F #670E02 #670E02 #851D0F; }  
  
.option {font-size:.8em; letter-spacing: .075em;
  background: #92857F url(img/option.gif) repeat-x left center; color:#FFF;
  border: 1px solid;
  border-color: #A49183 #67564b #67564b #A49183 }
  
.option:hover,.option:active  {color:#FFF; background: #92857F url(img/optionON.gif) repeat-x left center; 
  border-color: #8C7D64 #92857F #92857F #8C7D64  }
  
.button:active, .update:active, .reset:active, .insert:active,.reset:active, .clear:active,
.button:hover, .update:hover, .reset:hover, .insert:hover,.reset:hover, .clear:hover, .submit:active,.submit:hover,.cartbutton:active, .cartbutton:hover
  {background: #8C2F22 url(img/buttonbgON.gif) repeat-x left center; 
   border-color: #A3584D #670E02 #670E02 #A3584D;}   

.cartbutton {width:120px;}    
  
 
 /*Styling cartbuttons within statcart*/
 #buttonarea{text-align:center}
 #shoppingcart  .cartbutton {margin:7px auto}


.delete, .minidelete , #maincontent a.minidelete{font-weight: normal; font-size:.9em;
  background: #BE5F62 url(img/delete.gif) repeat-x left center; color:#FFF;
  border: 1px solid;
  border-color:#AA3034 #92161A #92161A #AA3034 }
  
.delete:active, .delete:hover, .minidelete:active, .minidelete:hover,
#maincontent a.minidelete:active, #maincontent a.minidelete:hover{ background: #941504;}




.minibutton, #maincontent a.minibutton {font-size:.8em; letter-spacing: .05em;
  height:16px; width:80px;
  padding:0px; margin:1px; 
  color: #FFF; background: #999 url(img/clear.gif) repeat-x left center ;
  border: 1px solid;
  border-color: #999 #666 #666 #999}
  
.minidelete, #maincontent a.minidelete {font-size:.8em; letter-spacing: .05em;
  height:16px; width:80px;
  padding:0px; margin:1px;}
  
 #maincontent a.minibutton,  #maincontent a.minidelete {height:14px; padding:1px 0 0}
  
.minibutton:active, .minibutton:hover,
#maincontent a.minibutton:active, #maincontent a.minibutton:hover {background: #666 url(img/clearON.gif) repeat-x left center ;}

#maincontent .controlbar input.minibutton, #maincontent .controlbar a.minibutton {height:18px ;padding:0 0 6px; font-size:.7em}
#maincontent .controlbar a.minibutton {height:14px ;padding:8px 0 0px; }

/*price table on product detail page*/ 
#pricetable h3,#pricetable h4 {display:inline;}
#pricetable #skucell h3{font-weight:normal}

/*pagetitle on product detail page*/ 

.pagetitle {margin:0px 0px 0px 7px;
  border-bottom:1px solid #CCC;
  padding:8px;}

 

h1#pagetitle em{font-weight:normal; font-size:11px}
    
/* === END: Utility Classes - Used throughout system =====================================  */ 







#cartcompact #shoppingcart{height:49px}
html>body #cartcompact #shoppingcart[id]{height:37px}