.ProductsContainer {
	width:100%;	
}

.ProductImage {
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.ProductName {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.ProductPrice {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.ProductOptions {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	height:30px;
}
.ProductOptionsDropDown {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
    
}
.ProductOptionsCart {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-style:italic;
}

.pc_dashed {
border-bottom: 1px dashed #CCCCCC;
padding-bottom:15px;
}

.pr_dashed {
border-bottom: 1px dashed #CCCCCC;
padding-bottom:5px;

}

/* Main Cat Dropdown */
#category_id{
    width: 140px;
}

.ProductDescription {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.PoductPagesContainer {
    font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	padding-top:5px;
}

.PoductPagesContainer a:hover, PoductPagesContainer a:active {
    border: 1px solid #FF9900;
    background-color: #FFFFFF;
    color: #000;
    }

.PoductPages {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#808080;
	text-decoration:none;
    
    padding: 2px 4px 2px 4px;
	margin-right: 2px;
     
    border: 1px solid #CCCCCC;
}

.PoductPages_hl {
    font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
    
    padding: 2px 4px 2px 4px;
	margin-right: 2px;
   
    border: 1px solid #808080;
}

.ProductContainer{
	/*border-bottom:4px double #333;*/
	padding:25px;
}

.ProductTopLinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
	cursor:pointer;
}

.ProductTopLinksContainer {
	border-bottom:10px solid #333;
}

.ProductLinks {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:underline;
}


.ProductServiceMessages {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#8EC400;
}

.ProductShoppingCartTitles {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
}

.ProductInfoText {
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
	font-size:10px;
	color:#333;
}

/* Product Status */

.stock_out {
font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CC0000;
    font-weight:bold;
}

.stock_in {
font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#8EC400;
    font-weight:bold;
}

.added_to {
font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#8EC400;
    font-weight:bold;
    
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 18px;
    background: url("images/chk.gif");  
    background-position: 0px;
    background-repeat: no-repeat;
}

.ProductShoppingCartDis {
font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
}

hr {
border: none;
border-top: 1px dashed #CCCCCC;
margin-top:6px;
height: 1px;
}
.hr_nopad {
padding-left:0px;
padding-right:0px;
}

.PoductBuyButton {
width: 75px;
	height:24px;
    padding-bottom:2px;
	/*float:right;*/
    color: #000000;
	//background: transparent url("images/buttonfade.gif") repeat top center;
    background: transparent url("images/buttongloss1.gif") repeat  0 12px;
    
    font-size: 11px;
	font-weight:normal;
	cursor:hand; 
    cursor:pointer;

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px inset #000000;
    border-bottom: 1px inset #000000;
    }
    .PoductBuyButton:hover {
    //background: transparent url("images/buttonfade_dis.gif") repeat 0 0px;
    background: transparent url("images/buttongloss2.gif") repeat  0 12px;
	color:#288966;
}

.BuyButtonPad {
 margin-top: 5px;
}

.FieldPad {
padding-top: 2px;
padding-right: 2px;
}

.CouponButton {
width: 120px;
	height:24px;
    padding-bottom:2px;
    margin-left: 10px;
	/*float:right;*/
    color: #000000;
	//background: transparent url("images/buttonfade.gif") repeat top center;
    background: transparent url("images/buttongloss1.gif") repeat  0 12px;
    
    font-size: 11px;
	font-weight:normal;
	cursor:hand; 
    cursor:pointer;

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px inset #000000;
    border-bottom: 1px inset #000000;
    }
    .CouponButton:hover {
    //background: transparent url("images/buttonfade_dis.gif") repeat 0 0px;
    background: transparent url("images/buttongloss2.gif") repeat  0 12px;
	color:#288966;
}
.CouponErr {
color: #CC0000;
}
.CouponGo {
color:#8EC400;;
}

.ShoppingButton {
width: 120px;
	height:24px;
    padding-bottom:2px;
	/*float:right;*/
    color: #000000;
	//background: transparent url("images/buttonfade.gif") repeat top center;
    background: transparent url("images/buttongloss1.gif") repeat  0 12px;
    
    font-size: 11px;
	font-weight:normal;
	cursor:hand; 
    cursor:pointer;

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px inset #000000;
    border-bottom: 1px inset #000000;
    }
    .ShoppingButton:hover {
    //background: transparent url("images/buttonfade_dis.gif") repeat 0 0px;
    background: transparent url("images/buttongloss2.gif") repeat  0 12px;
	color:#288966;
}

.ButtonBack {
width: 120px;
	height:24px;
    padding-bottom:2px;
	/*float:right;*/
    color: #000000;
	//background: transparent url("images/buttonfade.gif") repeat top center;
    background: transparent url("images/buttongloss1.gif") repeat  0 12px;
    
    font-size: 11px;
	font-weight:normal;
	cursor:hand; 
    cursor:pointer;

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px inset #000000;
    border-bottom: 1px inset #000000;
    }
    .ButtonBack:hover {
    //background: transparent url("images/buttonfade_dis.gif") repeat 0 0px;
    background: transparent url("images/buttongloss2.gif") repeat  0 12px;
	color:#288966;
}

.ButtonDis {
width: 75px;
	height:24px;
    padding-bottom:2px;
	/*float:right;*/
    color: #909090;
	//background: transparent url("images/buttonfade.gif") repeat top center;
    background: transparent url("images/buttongloss2.gif") repeat  0 12px;
    
    font-size: 11px;
	font-weight:normal;
	cursor:hand; 
    cursor:pointer;

    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px inset #000000;
    border-bottom: 1px inset #000000;
}

/* Form Status */
.err {
font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CC0000;
    font-weight:bold;
}

.good {
font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#8EC400;
    font-weight:bold;
}

.bad {
font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CC0000;
    font-weight:bold;
}

.pend {
font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    color:#5184BA;    
    font-weight:bold;
}

.checkout_drop {
font-size:13px; 
width:189px; 
margin-top:2px;
}

.hl_drop {
font-size:13px; 
background-color: #E8F8D8;
}

.total_amt {
border: solid 1px #8EC400;

}


/* Tabs Block */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border-top: 1px solid #778 !important;
 border-left: 1px solid #778 !important;
 border-right: 1px solid #778 !important;
 border-bottom: 0px;
 background: #EEEEEE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
 color: #000;
 background: #EEEEEE;
 /*text-decoration: none;*/
 border-color: #778;
}

ul.tabbernav li.tabberactive a {
 background-color: #E8F8D8;
 border-bottom: 1px solid #FFF;
}

ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background: #FFF;
 border-bottom: 1px solid #FFF;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:9px;
 border:1px solid #aaa;
 border-top:0;
 font: normal 11px Verdana, sans-serif;
 
 /*Set BG For Content Area*/
 /*background: url("../images/gradient_body_bg.png") repeat-x;*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:300px;

 /* If you set a fixed height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.red {
font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CC0000;
}