/* -------------------------------------------------------------

  Screen Styles

-------------------------------------------------------------- */

@import "../../css/lib/reset.css";
@import "../../css/lib/typography.css";
@import "../../css/lib/formss.css";

@import "../../constantine/css/buttons.css";
@import "../../constantine/css/constantine.css";

/* Site
-------------------------------------------------------------- */

/*select, button {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}*/

html {
    background: #f9f9f9;
}

body {
  margin: 0 25px;
  background: #f9f9f9;
}

#search-overlay {
    position: fixed;
    dislpay: block;
    background-color: #0000FF;
    opacity: 0.8;
    margin-left: 200px;
    margin-top:200px;
}


.container {
  width: 1063px;
  margin: 0 auto;
}

.alert_div, .alert-div{
     width: 97%;
     padding: 15px 10px 5px 15px;
     border: 2px solid red;
     margin: 0 0 15px;
     background-color: #f9f9f9;
     font-family: verdana;
     font-size: 110%;
     color: #000000;
     -webkit-background-size: 150px 150px;
     -moz-background-size: 150px 150px;
     background-size: 150px 150px;
     background-image: -webkit-linear-gradient(135deg, transparent,
     transparent 25%, hsla(0,0%,0%,.05) 25%,
     hsla(0,0%,0%,.05) 50%, transparent 50%,
     transparent 75%, hsla(0,0%,0%,.05) 75%,
     hsla(0,0%,0%,.05));
     background-image: -moz-linear-gradient(135deg, transparent,
     transparent 25%, hsla(0,0%,0%,.1) 25%,
     hsla(0,0%,0%,.1) 50%, transparent 50%,
     transparent 75%, hsla(0,0%,0%,.1) 75%,
     hsla(0,0%,0%,.1));
     background-image: -ms-linear-gradient(135deg, transparent,
     transparent 25%, hsla(0,0%,0%,.1) 25%,
     hsla(0,0%,0%,.1) 50%, transparent 50%,
     transparent 75%, hsla(0,0%,0%,.1) 75%,
     hsla(0,0%,0%,.1));
     background-image: -o-linear-gradient(135deg, transparent,
     transparent 25%, hsla(0,0%,0%,.1) 25%,
     hsla(0,0%,0%,.1) 50%, transparent 50%,
     transparent 75%, hsla(0,0%,0%,.1) 75%,
     hsla(0,0%,0%,.1));
     background-image: linear-gradient(
             135deg,
             transparent,
             transparent 25%,
             hsla(0,0%,0%,.1) 25%,
             hsla(0,0%,0%,.1) 50%,
             transparent 50%,
             transparent 75%,
             hsla(0,0%,0%,.1) 75%,
             hsla(0,0%,0%,.1)
     );
     display: inline-block;
 }

.alert-div ul {
    list-style: none;
    margin: 10px 0 0;
}

.alert-div ul li {
    font-weight: bold;
    margin: 0 0 10px;
}

.close_alert_button, .close-alert-button {
    float: right;
    color: #FF0000;
}



.alert_div-good, .alert-div-good {
    width: 97%;
    padding: 15px 10px 5px 15px;
    border: 2px solid darkgreen;
    margin: 11px 0px 7px 0px;
    background-color: #f9f9f9;
    font-family: verdana;
    font-size: 110%;
    color: #000000;
    -webkit-background-size: 150px 150px;
    -moz-background-size: 150px 150px;
    background-size: 150px 150px;
    background-image: -webkit-linear-gradient(135deg, transparent,
    transparent 25%, hsla(0,0%,0%,.05) 25%,
    hsla(0,0%,0%,.05) 50%, transparent 50%,
    transparent 75%, hsla(0,0%,0%,.05) 75%,
    hsla(0,0%,0%,.05));
    background-image: -moz-linear-gradient(135deg, transparent,
    transparent 25%, hsla(0,0%,0%,.1) 25%,
    hsla(0,0%,0%,.1) 50%, transparent 50%,
    transparent 75%, hsla(0,0%,0%,.1) 75%,
    hsla(0,0%,0%,.1));
    background-image: -ms-linear-gradient(135deg, transparent,
    transparent 25%, hsla(0,0%,0%,.1) 25%,
    hsla(0,0%,0%,.1) 50%, transparent 50%,
    transparent 75%, hsla(0,0%,0%,.1) 75%,
    hsla(0,0%,0%,.1));
    background-image: -o-linear-gradient(135deg, transparent,
    transparent 25%, hsla(0,0%,0%,.1) 25%,
    hsla(0,0%,0%,.1) 50%, transparent 50%,
    transparent 75%, hsla(0,0%,0%,.1) 75%,
    hsla(0,0%,0%,.1));
    background-image: linear-gradient(
            135deg,
            transparent,
            transparent 25%,
            hsla(0,0%,0%,.1) 25%,
            hsla(0,0%,0%,.1) 50%,
            transparent 50%,
            transparent 75%,
            hsla(0,0%,0%,.1) 75%,
            hsla(0,0%,0%,.1)
    );
    display: inline-block;
}

.alert-div-good ul {
    list-style: none;
    margin: 10px 0 0;
}

.alert-div-good ul li {
    font-weight: bold;
    margin: 0 0 10px;
}

.close_alert_button-good, .close-alert-button-good {
    float: right;
    color: darkgreen;
}

#header {
  width: 1063px;
  height: 146px;
  margin: 0 auto;
}

.header_half {
    float:left;
    width: 50%;
    display: block;
}

#header_left_note {
    float: left;
    width: 100%;
    height: 57px;
    margin-top: 18px;
}

.top_left_note {
    float: right;
    margin-bottom: 3px;
    margin-right: 6px;
}

#cart_text {
    float: left;
    margin-top: 20px;
    width: 100%;

}

#cart_items {
    float: left;
    margin-left: 10px;
    letter-spacing: 1px;
}

#cart_value_area {
    float: right;
    margin-right: 6px;
    height: 22px;
    background-color: #EEE;
    margin-top: 16px;
}

#cart_value {
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    margin-left: 9px;
    font-weight: bold;
    letter-spacing: 1px;
}

#special_message {
    height: 28px;
    margin-top: 18px;
    margin-left: 5px;
}

#no_special_message {
    height: 30px;
}


/*-------------STAMP------------*/

#int_ship_stamp_wrapper {
    height: 0px;
    width:0px;
    float: left;
    position: relative;
    z-index: 50;
}

#int_ship_stamp {
    position: absolute;
    top: 0px;
    left: -45px;
}

/*------------------------------*/

/* RITF : Adding styling to the cart div, which was already in place in the code but with no styling anywhere ; this is to fascilitate the addition of the shopping cart image */
/*#cart {
    height:auto;
    width:400px;
    float:right;
    overflow:visible;
    position:relative;
    top: -25px;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
}*/

.left li li2 {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
    background-color: #eeeeee;
}

.left li .li2 {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
    background-color: #eeeeee;
}

.header_right_block {
    margin-right: 5px;
}

.items {

  border: #eeeeee 5px solid;
  border-right:  #eeeeee 10px solid;
  border-left:  #eeeeee 10px solid;
  border-bottom:#eeeeee 5px solid;
  background: #eeeeee;

  margin-right:6px;
  margin-left:0px;
  margin-bottom:0px;
  margin-top:0px;

  width:auto;
  height:auto;
  overflow:visible;
  position:static;
  float:none;
  zoom: normal;
  writing-mode: lr-tb;
  font-size:1em;
}

.total {

  border: #eeeeee 5px solid;
  border-right:  #eeeeee 10px solid;
  border-left:  #eeeeee 10px solid;
  border-bottom:#eeeeee 5px solid;
  background: #eeeeee;

  margin-right:0px;
  margin-left:0px;
  margin-bottom:0px;
  margin-top:0px;

  width:auto;
  height:auto;
  overflow:visible;
  position:static;
  float:none;
  zoom:normal;
  writing-mode:lr-tb;
  font-size:1em;
}

#cart li a {
    margin-right: 0px;
}

#cart li {

margin-right:0px;
overflow:visible;
}


/*#logo {
  float: left;
  width: 400px;
  height: 116px;
  background: #f9f9f9 url('../../css/images/bg-header2.jpg') top left no-repeat;
}*/

h1.logo {
  text-indent: -9999px;
  display: inline;
}

h1.logo a {
  display: block;
  width: 430px;
  height: 80px;
}

.column {
  float: left;
}

#footer
{
     color: #f0c;
     font-size: 9px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     background-color: #c00;
     text-align: center;
	 position: relative;
     left: 0px;
     width: 100%;
     height: 9px;
}

.footer {
     font-size:  9px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     text-align: center;
	 position: relative;
     left: 0px;
     width: 100%;
     height: 9px;
}

/* Left column
-------------------------------------------------------------- */

.left {
  width: 193px;
  margin-right: 23px;
}

  .left h2 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 12px;
    background: #eeeeee;
  }

  .left ul {
    list-style: none;
    margin: 0;
  }

  .left li {
    text-transform: uppercase;
  }

  .left li a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    /*font-weight: bold;*/
  }

  .left li a:hover {
    background: #eeeeee;
  }

  .left a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
  }

  .left a:hover {
    background: #eeeeee;
  }

/* Left_b column
-------------------------------------------------------------- */

.left_b {
  width: 193px;
  margin-right: 23px;
}

  .left_b h2 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 12px;
    background: #eeeeee;
  }

  .left_b ul {
    list-style: none;
    margin: 0;
    text-transform: uppercase;
  }

  .left_b li {
  	display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #b9b9b9;
  }

  .left_b li2 {
  	display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
    background: #eeeeee;
  }

    .left_b .li2 {
  	display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
    background: #eeeeee;
  }


  .left_b a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
  }

  .left_b a:hover {
    background: #eeeeee;
  }

/* Left_c column
-------------------------------------------------------------- */

  .left_c {
  width: 193px;
  margin-right: 23px;
}

  .left_c h2 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
  }

  .left_c h2 a{
    padding: 5px 12px;
    background: #f9f9f9;
  }

  .left_c h2 a:hover {
    background: #eeeeee;
  }

  .left_c ul {
    list-style: none;
    margin: 0;
  }

  .left_c li {
    text-transform: uppercase;
  }

  .left_c li a {
    display: block;
    padding: 0px 17px;
    margin-bottom: 3px;
    /*font-weight: bold;*/
  }

  .left_c li a:hover {
    background: #eeeeee;
  }

  .left_c a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
  }

  .left_c a:hover {
    background: #eeeeee;
  }



/* Right column
-------------------------------------------------------------- */

.right          { width: 847px; }
.breadcrumbs    { width: 847px; }

.detail  { width: 520px; margin-right: 3px; clear: left; }
.detail_alt    { width: 850px;}
.detail_alt_1   {
    width: 851px;
    display: inline-block;
}

.detail_alt_2   {
    width: 510px;
    display: inline-block;
}
.detail_alt_3   {
    width: 170px;
    display: inline-block;
}
.detail_2		{ width: 100px; margin-right: 3px; }
.purchase       { width: 324px; }
.company_logo   {
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.company_name_wrapper {
    float: left;
    border-bottom: 1px solid #4d4d4d;
}


.right h2 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 5px 0;
}

.right h2 a:hover{
	text-decoration: underline;
}

#holder { position: relative; border: 1px solid #4d4d4d; float: left; margin-bottom: 9px; width: 499px; height: 472px; }

ul.thumbs {
  list-style: none;
  margin: 0;
}

ul.thumbs li {
  display: inline;
  margin-right: 9px;
}

ul.thumbs li a {
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  border: 1px solid #777;
}

ul.thumbs li a:hover {
  border: 1px solid #4d4d4d;
}

ul.thumbs li a.active {
  width: 91px;
  height: 91px;
  border: 1px solid #f9f9f9;
  opacity: .5;
  filter: alpha(opacity=50);
  zoom: 1;
}

ul.thumbs li a.active:hover {
  border: 1px solid #f9f9f9;
}

ul.thumbs li img {
  margin: 0;
  display: block;
}

/* wide left column
-------------------------------------------------------------- */

.wide_left {
  width: 248px;
  margin-right: 23px;
}

  .wide_left h2 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 12px;
    background: #eeeeee;
  }

  .wide_left ul {
    list-style: none;
    margin: 0;
  }

  .wide_left li {
    text-transform: uppercase;
  }

  .wide_left li a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
  }

  .wide_left li a:hover {
    background: #eeeeee;
  }

  .wide_left a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
  }

  .wide_left a:hover {
    background: #eeeeee;
  }


/* Extra wide left column
-------------------------------------------------------------- */

.extra_wide_left {
  width: 520px;
  margin-right: 23px;
}

  .extra_wide_left h2 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 12px;
    background: #eeeeee;
  }

  .extra_wide_left ul {
    list-style: none;
    margin: 0;
  }

  .extra_wide_left li {
    text-transform: uppercase;
  }

  .extra_wide_left li a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
  }

  .extra_wide_left li a:hover {
    background: #eeeeee;
  }

  .extra_wide_left a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
  }

  .extra_wide_left a:hover {
    background: #eeeeee;
  }

  /* SUPER Extra wide left column
-------------------------------------------------------------- */

.super_extra_wide_left {
  width: 800px;
  margin-right: 23px;
}

  .super_extra_wide_left h2 {
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 12px;
    background: #eeeeee;
  }

  .super_extra_wide_left ul {
    list-style: none;
    margin: 0;
  }

  .super_extra_wide_left li {
    text-transform: uppercase;
  }

  .super_extra_wide_left li a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
    font-weight: bold;
  }

  .super_extra_wide_left li a:hover {
    background: #eeeeee;
  }

  .super_extra_wide_left a {
    display: block;
    padding: 0 12px;
    margin-bottom: 3px;
  }

  .super_extra_wide_left a:hover {
    background: #eeeeee;
  }


  .mailing-list {
      position: relative;
      float: right;
      top: 80px;
      left: 400px;
  }


/*cart_table
--------------------------------------------------------------------------*/


div#cart_item_total {
padding:5px 12px;
margin-top: 35px;
margin-left: 20px;
margin-right: 9px;
background: #eeeeee;
vertical-align: middle;
text-align: center;
}

.cart_thumbs {
list-style: none;
margin: 0;
}

.cart_thumbs  {
margin-right: 9px;
}

.cart_itemtext {
padding:5px 12px;
margin-top: 35px;
margin-left: 20px;
margin-right: 9px;
vertical-align: middle;
text-align: center;
width: 180px;
}
.cart_itemamount {
padding:5px 12px;
margin-left: 20px;
margin-right: 9px;
vertical-align: middle;
text-align: left;
width: 40px;
}
.cart_itemnote {
padding: 0;
margin-left:20px;
margin-right: 0px;
vertical-align: middle;
text-align: left;
width: 80px;
}

.cart_thumbs a , a.cart_thumbs:visited {
float: left;
margin-right: 4px;
margin-bottom: 4px;
border: 1px solid #999;
}


.cart_thumbs  a:hover {
border: 1px solid #666;
}

.cart_thumbs a:active {
border: 1px solid #666;
}

.cart_thumbs  img {
margin: 0;
display: block;

}

.free_shipping{
    color: #CCCCCC;
    font-weight: bold;
    margin-right: 13px;
}

.button80 {
display: block;
padding: 5px 12px;
background-color: #fff;
font-size: 1em;
width: 80px;
text-align: center;
line-height: 2em;
}

.button135 {
display: block;
padding: 5px ;
background-color: #fff;
width: 135px;
text-align: center;
line-height: 2em;
vertical-align:middle;
}

.button136 {
position: absolute;
left: 120px;
top: auto;
display: block;
padding: 5px ;
background-color: #fff;
width: 135px;
text-align: center;
line-height: 2em;
vertical-align:middle;
}

.button200 {
    display: block;
    padding: 5px;
    background-color: #fff;
    width: 200px;
    text-align: center;
    line-height: 2em;
    vertical-align: middle;
}

.buttonabc {
    display: block;
    background-color: #fff;
    width: 160px;
    text-align: center;
    line-height: 2em;
    vertical-align: middle;
}

#button_mailing_list {
    margin-right: 0px;
    display: block;
    background-color: #fff;
    width: 160px;
    text-align: center;
    line-height: 2em;
    vertical-align: middle;
}



/*Customer Login
-----------------------------------------------------------------------------*/



ul.login {
  list-style: none;
  margin-top: 20px;
}

ul.login li {
  margin: 0;
}

ul.login li a {
margin: 0;
margin-bottom: 9px;
text-decoration: underline;
}

ul.login li a:hover {
color: black;
text-decoration: underline;
}

ul.login li a.active {
text-decoration: underline;
}

ul.login li a.active:hover {
text-decoration: underline;
}

ul.login li img {
margin: 0;
display: block;
}



/*Customer Registration
-----------------------------------------------------------------------------*/



ul.register {
  list-style-type: none;
  margin-top: 20px;
}

ul.register li {
  margin: 0;
}

ul.register li a {
margin: 0;
margin-bottom: 9px;
text-decoration: underline;
}

ul.register li a:hover {
color: black;
text-decoration: underline;
}

ul.register li a.active {
text-decoration: underline;
}

ul.register li a.active:hover {
text-decoration: underline;
}

ul.register li img {
margin: 0;
display: block;
}


/*dropdowninput for forms
-----------------------------------------------------------------------------*/
 .dropdowninput {
display: block;
margin-bottom: 1.5em;
width: 15%;
color: #666;
background-color: #fff;
border: 1px solid #999;
font-size: 1em;
}



.clear { clear: both; }
.space { margin: 0 0 1.5em 0; }

/* RADIO BUTTONS
-----------------------------------------------------------------------------*/







/*footer
...............................................................................................*/

.footer {
  margin: 150px 0 0 0;
}

.selected{
  background: url('../../css/images/rdo_on.jpg') left center no-repeat;
	padding-left: 15px;
}
.unselected{
  background: url('../../css/images/rdo_off.jpg') left center no-repeat;
	padding-left: 15px;
}

/*.................................*/

.tooltip {
    display: block;
    float: left;
    margin-bottom: 9px;
    margin-right: 9px;
    height: 159px;
    width: 159px;
    border: 1px solid #777777;
}

.non-tooltip {
    display: block;
    float: left;
    margin-bottom: 9px;
    margin-right: 9px;
    height: 159px;
    width: 159px;
    border: 1px solid #777777;
}

.tooltip_small {
    display: block;
    float: left;
    margin-bottom: 9px;
    margin-right: 9px;
    height: 91px;
    width: 91px;
    border: 1px solid #777777;
}

.tooltip_small:hover {
    border: 1px solid #4d4d4d;
}

.non-tooltip:hover {
    border: 1px solid #4d4d4d;
}

.tooltip:hover {
    border: 1px solid #4d4d4d;
}

.tooltip_link {
    float: left;
    margin-top: -40px;
    margin-left: 84px;
}

.tooltip_link:hover {
    color: #000000;
}

.product_thumbnails {
    width: 100%;
}

.product_thumbnails a {
    display: block;
    float: left;
    margin-bottom: 9px;
    margin-right: 9px;
    height: 91px;
    width: 91px;
    border: 1px solid #777777;
}

.product_thumbnails a:hover {
    border: 1px solid #4d4d4d;
}

#search_input:empty {
    width: 179px;
    margin: 0 0 7px 1px;
    background: url(http://media2.hickorees.com/image/SearchButton_OnFocus.jpg) no-repeat;
}

#search_input:focus {
    background: #FFF;
    outline: 0;
    border-color: #000;
}

.textinput_alt {
    margin-bottom: 1.5em;
    color: #666;
    background-color: #fff;
    border-top: 2px solid #888888;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 2px solid #888888;
    font-size: 1em;
    padding: 5px;
    width: 100%;
    height: 13px;
}

.input_button {
    display: block;
    padding: 0px 12px;
    background-color: #fff;
    font-size: 1em;
    text-align: center;
    line-height: 2em;
    float: left;
    height: 26px;
    border: 1px solid #999;
    color: #565656;
    cursor: pointer;
    font-family: inherit;
}

.input_button:hover {
    background-color: #EEE;
}

.brand_cat_wrapper_alt {
    margin: 33px 0 0 0;
}

#mailing_list_join_yes_no {
    margin-bottom: 0px;
}

.ajax_wait {
    display: block;
    padding: 0px 12px;
    text-align: center;
    float: left;
    height: 26px;
}

/* SEARCH MODAL */
#search_result_area_wrapper {
    position: relative;
    float: left;
    width: 0px;
    height: 0px;
    z-index: 50;
}

#search_result_area {
    margin-top: 33px;
    margin-left: 114px;
    width: 916px;
    height: 727px;
    background-color: #F9F9F9;
    position: absolute;
    z-index: 10;
    border: 1px solid #777777;
}

#search_result_area_body {
    float: left;
    overflow-y: scroll;
    height: 678px;
}

#search_result_area_x_closer {
    float: right;
    width: 20px;
    cursor: pointer;
    color: #000;
    font-weight: bold;
    margin-top:5px;
}
#search_result_area_header {
    float: left;
    display: block;
    height: 28px;
    width: 914px;
}
#search_result_area_left_column {
    float: left;
    display: block;
    height: 678px;
    width: 28px;
}

#search_result_area_target {
    float: left;
    display: block;
    height: 660px;
    width: 850px;
}
#search_result_area_right_column {
    float: left;
    display: block;
    height: 675px;
    width: 28px;
}

.search_result_image {
    display: block;
    float: left;
    margin-bottom: 9px;
    margin-right: 9px;
    height: 159px;
    width: 159px;
    border: 1px solid #777777;
}

.search_result_image_wrapper {
    position:relative;
    float: left;
}

.image_overlay {
    position: absolute;
    padding: 5px 0;
    width: 161px;
    height: 18px;
    top: 133px;
    right: 9px;
    background-color: #C61A1A;
    font-size: 12px;
    color: #FFF;
    letter-spacing: 2px;
    text-align: center;
}



/*_________DRAWER_________________*/

.drawer {
    bottom: 0px;
    height: 140px;
    overflow: hidden;
    position: absolute;
    width: 1063px;
    z-index: 5;
}
.drawer header {
    background-color: #DDDDDD;
    color: #000;
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 150px;
    -moz-border-radius-topleft: 5px 54px;
    -moz-border-radius-topright: 25px 40px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 25px 40px;
    margin-left: 800px;
}
.drawer-content {
    background-color: #DDDDDD;
    border-collapse: collapse;
    height: 110px;
    width: 100%;
}
.clickme {
    cursor: pointer;
}
.drawer-items {
    margin: auto;
    width: 960px;
}
.drawer-items ul {
    margin: 0px;
}
.drawer-items li {
    float: left;
    list-style: none;
    margin-left: 0px;
    width: 200px;
}
.drawer-items li a {
    color: #fff;
    display: block;
    height: 86px;
    padding: 12px;
    text-decoration: none;
    width: 176px;
}
.drawer-items li a:hover {
    background: #bd4929;
}

.drawer-items .title {
    color: #c4c4c4;
    font-size: 20px;
    line-height: 1.1;
}