/* BASE STYLES
----------------------------------------------- */
H1, .h1 {
  font-family:"Georgia", serif;
  font-size:16px;
  color:#000000;
  font-weight:bold;
  margin-top:10px
}
H2, .h2 {
  font-family:"Georgia", serif;
  font-size:16px;
  color:#666666;
  font-weight:bold;
  margin-top:10px
}
H3, .h3 {
  font-family:"Georgia", serif;
  font-size: 15px;
  font-weight:bold
  color:#666666;
        padding:0;
        margin:0;
}

TABLE {
  font-family:"Georgia", serif/>;
  font-size:13px;
  color:#000000
}

.red_text {
  font-family:"Georgia", serif/>;
  font-size: .85em;
  color:#CC0000
}

.black_text {
  font-family:"Georgia", serif/>;
  font-size:13px;
  color:#000000
}
.bold_text {
  font-family:"Georgia", serif/>;
  font-size:13px;
  color:#666666;
  font-weight:bold
}
.border_r {
  border-right:1px solid #ff0000;
  padding:2px
}
.border_l {
  border-left:1px solid #ff0000;
  padding:2px
}  
.border_t {
  border-top:1px solid #ff0000;
  padding:2px
}
.border_b {
  border-bottom:1px solid #ff0000;
  padding:2px
}
.border {
  border:1px solid #ff0000;
  padding:2px
}
.bg_dddddd {
  background-color:#CCCFEE;
  color:#16130C
}
.hr {
  border-bottom:1px solid #ff0000;
  margin:0px 0px 8px 0px
}

/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/

/* Both browsers apply these styles to the action button */
.actn_button_color {
  border:3px double #666666;
  cursor:pointer;
  white-space:nowrap;
  padding:2px 3px 2px 3px;
  font-family:"Georgia", sans-serif;
  color:#16130C;
  font-size:12px;
  font-weight:bold;
  text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
  * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#ffcccc')
  }
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
  background: #CCCFEE url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
  border:3px double #666666;
  color:#ff0000;
  background: #ffcccc url("/shared/style/images/white_gradient.png") repeat-x top
}  
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
  border:3px double #666666;
  cursor:pointer;
  white-space:nowrap;
  padding:2px 3px 2px 3px;
  font-family:"Georgia", serif;
  color:#16130C;
  font-size:12px;
  font-weight:bold;
  text-align:center
}
/* IE uses the filter for the blend */
.button_color {
  * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCCFEE')
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
  background: #CCCFEE url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
  border:3px double #700000;
  color:#ffcccc;
  background: #B3D8F4 url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* SPECIAL BUTTON STYLES*******/
.btn_small_update, .btn_small_change {
  font-size:9px
}    
.btn_update {
  font-size:9px
}  
.btn_continue {
  width:170px;
  padding:4px
}
.btn_add_to_cart{
  width:80px;
  * height:23px;
  font-size:11px;
  margin-top:5px;
  * padding:1px 0px 0px 0px
}
html>body .btn_add_to_cart {
  height:15px;
  padding:1px 0px 0px 0px
}
.btn_buy_it_now {
  width:80px;
  font-size:11px;
  margin:5px 0px 0px 5px;
  padding:0px
}
.btn_proceed_to_checkout {
  padding:2px 2px 2px 25px;
  width:190px;
  height:32px
}  
.btn_ordering_info {
 font-size:11px;
 width:150px
}
/******* END SPECIAL BUTTON STYLES*******/

/* box around product detail quantity and add to cart button
----------------------------------------------- */
.quantity {
  border:1px solid #666666; 
  width:250px; 
  white-space:nowrap;
  padding:10px
}

/* ADDED TO CART home page, product list and product detail pages
----------------------------------------------- */
.added_to_cart {
  background-color:#666699;
  border:1px solid #999999;
  margin:5px 0px 5px 0px;
  font-family:"Georgia", serif/>;
  font-size:13px;
  color:#16130C
  }
.added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active {
  font-family:"Georgia", serif/>;
  font-size:13px;
  color:#16130C
  }

/* PRICE 
product list and some home pages
----------------------------------------------- */
.small_price {
  color:#333300;
  font-family:"Georgia", serif;
  font-size:13px;
  font-weight:bold
}

/* product detail page */
.large_price {
  color:#333300;
  font-family:"Georgia", serif;
  font-size:16px;
  font-weight:bold
}

/* TABS 
product detail page
----------------------------------------------- */
.tabcontainer {
  width:100%;
  position:relative;
  color:#ffffff
}
.tab_on {
  color:#666666;
  font-weight:bold;
  text-align:center;
  margin-top:10px;
  border-top:1px solid #99ff00;
  border-left:1px solid #99ff00;
  border-right:1px solid #99ff00;
  background-color:#e5e5e5;
  padding:3px;
  width:165px;
  float:left;
  display:inline;
  white-space:nowrap
  }
.tab_off {
  color:#16130C;
  font-weight:normal;
  text-align:center;
  margin-top:10px;
  border-top:1px solid #99ff00;
  border-left:1px solid #99ff00;
  border-right:1px solid #99ff00;
  background-color:#F5F5F5;
  padding:3px;
  width:165px;
  float:left;
  cursor:pointer;
  display:inline;
  white-space:nowrap
  }
.descriptioncontainer {
  width:100%;
  position:relative
}
.detaildesc {
  border-top:4px solid #e5e5e5;
  border-left:1px solid #99ff00;
  border-right:1px solid #99ff00;  
  border-bottom:2px solid #e5e5e5;
  padding:5px;
  margin-bottom:10px;
  width:99%;
  text-align:left
}

/****** MULTIPLE IMAGES ****** product detail page */
.click {cursor:pointer}
.imagesmallcontainer {
  background-color:#ffffff;
  border:2px solid #99ff00;
  float:left;
  height:65px;
  margin:8px 4px 2px 0px;
  overflow:hidden;
  width:65px
}
.hoverover {
  clear:both;
  float:left;
  font-size:11px;
  padding-bottom:2px;
  padding-top:2px;
  width:300px
}
.notavailable {
  background-color:#ffffff;
  border:1px solid #ff0000;
  color:#666666;
  padding:10px;
  text-align:center
}
/* ALL CATEGORIES PAGE
----------------------------------------------- */
.category_outline {
  width:99%;
  border:1px solid #dddddd;
  text-align:center;
  margin:5px;
  padding:0px
}
.chain {
  text-align:left;
  margin-left:5px;
  font-size:13px;
  padding:4px;
  font-weight:bold;
  color:#666666
  }
.chain A:link, .chain A:visited, .chain A:active, .chain A:hover {
  font-family:"Georgia", serif/>;
  color:#666666;
  font-size:13px;
  }
.all_categories {
  width:220px
}
.all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover {
  font-family:"Georgia", serif/>;
  color:#000000;
  font-size:13px;
  font-weight:normal
  }
.parent {
  margin-top:3px;
  margin-bottom:3px
}
.parent A:link, .parent A:visited, .parent A:active, .parent A:hover {
  font-weight:bold
  }
.parent_more {
  font-weight:bold;
  margin-top:5px;
  color:#666666
}
.parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active {
  font-weight:bold;
  color:#666666
  }    
.sub_category {
  margin-top:5px;
  margin-bottom:5px
  }
.sub_category_more {  
  font-weight:bold;
  color:#666666
  }  
.sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active {
  margin-left:1px;
  font-size:11px;
  font-weight:bold;
  color:#666666
  }  

.viewAllCategories {
  padding:6px 4px 6px 25px;
  line-height:normal;
  display:block;
  border-bottom:4px solid #666666;
  font-weight:100;
}

.viewAllCategories a:link, .viewAllCategories a:visited {
  color:#666666;
  text-decoration:none;
  font-weight:bold
}

.viewAllCategories a:hover {
  text-decoration:underline;
  background-color:#CCCFEE
}  
/* CHECKOUT BREADCRUMB
----------------------------------------------- */
.breadcrumb_on {
  font-family:"Georgia", serif/>;
  color:#999999;
  padding-right:3px;
  font-size:13px;
  font-weight:bold;
  white-space:nowrap;
  vertical-align:middle
}
.breadcrumb_off {
  font-family:"Georgia", serif/>;
  color:#ff0000;
  padding-right:3px;
  font-size:13px;
  white-space:nowrap; 
  vertical-align:middle
}
.clear {
  clear:both
  }
.floatRight {
  float:right
  }
.floatLeft {
  float:left
  }
.note {
   font-family:"Georgia", serif/>;
  color:#000000;
  font-size:12px
  }
  
div.container
{
width:100%;
margin:0px;
border:1px #666666;
line-height:150%;
}
div.header1,div.footer1
{
padding:0.5em;
color:#16130C;
background-color:#666666;
clear:left;
}
h3.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px #666666;
padding:1em;
}    
/* Green Box */

.greenbox {
  background: #FFFFFF url(<img src="/images/newyear/img03.gif" alt="">) repeat-x;
}

.greenbox .title {
  height: 60px;
  background: url(<img src="/images/newyear/img04.gif" alt="">) no-repeat;
}

.greenbox .title h1, .greenbox .title h2 {
  height: 35px;
  margin: 0;
  padding: 15px 0 0 20px;
  background: url(<img src="/images/newyear/img05.gif" alt="">) no-repeat right top;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFFFFF;
}

.greenbox .entry {
  padding: 10px 20px 0 20px;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

.btm { background: url(<img src="/images/newyear/img06.gif" alt="">) repeat-x left bottom; }
.btm .l { background: url(<img src="/images/newyear/img07.gif" alt="">) no-repeat left bottom; }
.btm .r { background: url(<img src="/images/newyear/img08.gif" alt="">) no-repeat right bottom; }
 
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
background: transparent url(img.php.png) no-repeat bottom right
}
.cssbox{
/* intended total box width - padding-right(next) */
width:335px !important; 
/* IE Win = width - padding */
width: 320px; 
/* the gap on the right edge of the image (not content padding) */
padding-right:15px; 
/* use to position the box */
margin:20px auto
}
/* set the top-right image */
.cssbox_head
{
background-position:top right;
/* pull the right image over on top of border */
margin-right:-15px; 
/* right-image-gap + right-inside padding */
padding-right:40px
}
/* set the top-left image */
.cssbox_head h2
{
background-position:top left;
margin:0; 
/* reset main site styles*/ 
border:0; 
/* ditto */
/* padding-left = image gap + interior padding ... no padding-right */
padding:25px 0 15px 40px; 
height:auto 
!important;
height:1%
} 
/* IE Holly Hack */

/* set the lower-left corner image */
.cssbox_body{
background-position:bottom left;
margin-right:25px; 
/* interior-padding right */ 
padding:15px 0 15px 40px
} 
/* mirror .cssbox_head right/left */        

.float_left {
float:left;
}

.float_right {
float:right;
}

.float_left1 {
float:left;
padding 1px 1px 1px 1px
}

.float_right {
float:right;
padding 1px 1px 1px 1px
}
/* Adjust this width to fit your needs */
.container1 {
width:100%;
}

.container_head1 {
height:30px;
background-image:url(http://www.hngwholesale.com/images/newyear/sidebar_center.jpg);
}

/* To Center align the title add: text-align:center; */
.container_head_text1 {
height:23px;
padding:7px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

.container_content1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px;
color:#666666;
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: none solid solid solid;
border-color: #151515;
}