/*
.boxText {  font-family: arial, helvetica;  font-size: 15px; line-height: 120%; }
.errorBox { font-family : arial, helvetica; font-size : 10px; background: #ffb3b5;  }
.stockWarning { font-family : arial, helvetica; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-family: arial, helvetica; font-size : 10px; color: #AAAAAA; text-decoration: underline; }
/* Heading background 		703-257 555-A74 9D9-989  9A7-86E 896-75D 785-64C 000-002*/
/* Font color: 			6C6-C6C 2C2-D38 FFD-DCB  8A8-393 FFF-EFE FDF-DFD		*/
/* InfoBox Background		76F-AD2 D1D-7FA CAA-8A1  D2B-EB7 B89-996 111-111	153, 150 	*/
/* verdana */

BODY {
    background-color: #FFFFFF;
    background-position: top;
    color: #000000;
    margin: 0px;
    overflow-x:hidden; 	
    font-family: "Courier New", Garamond;
    min-width: 1300px;
    height: 100vh;
}

#content {
     width: 1300px;
    /*width: 100%; */
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    /* border-style: solid; */
    /*min-height: 500px; */
    min-height: 50%;
    /* background-color: #FFFFFF; */
}



A {
  color: #000000;
  text-decoration: none;
}

A:hover {
 color:#000000;
}

FORM {
	display: inline;
}

TR.header {
  background: #000000;
 
}

TR.headerNavigation {
  background: #000000 ;
  color: #000000;
 
}

/*Header "Top -> PB&J"*/

TD.headerNavigation {
  /* font-family: arial, helvetica; */
  /* font-size: 18px; */
  background: #000000 ;
  color: #FFFFFF;;
  
}
/* color is the arrow and spacing lines for top navigation bar -> */

A.breadcrumbNavigation { 
  color: #000000; 
}

A.breadcrumbNavigation:hover {
  color: #222222;
}

A.headerNavigation { 
  color: #FFFEFE; 
}

A.headerNavigation:hover {
  color: #AAAAAA;
}

TR.headerError {
  background: #000000;
}

TD.headerError {
  /* font-family: arial, helvetica; */
  /* font-size: 13px; */
  background: #FFFFFF;
 
  color: #000100;
  
  text-align : center;
}

TR.headerInfo {

}

TD.headerInfo {
  /* font-family: arial, helvetica; */
  /* font-size: 13px; */
  background: #000000 ;
  color: #000000;
  
  text-align: center;
}

TR.footer {
  background: #6b362e;
 
}

TD.footer {
  /* font-family: arial, helvetica; */
  background: #6b362e; 
}

.infoBox {
 
  border: 1px;

}

.infoBox-border {
 
  border: 1px;
  border-style: solid;
  border-color: #000000;
}

.infoBox2 {
 
  border: 1px;

}

.infoBox3 {
 
  border: 1px;
}
.infoBox4 {
 
  border: 0px;
}

.infoBox5 {
 
  border: 0px;

}

.infoBoxlogo {
  background: #ffffff;
  border: 1px;
  border-style: solid;
  border-color: #000000;
}

.checkout {

  /* font-family: arial, helvetica; */
  /* font-size: 13px; */
  /*background: #FDFDFD; */
  color: #000000;
}

.infoBoxContents {

  /* font-family: arial, helvetica; */
  background-color: #ffffff;
  color: #000000;
}

.infoBoxContents2 {
  /* font-family: arial, helvetica; */
  background-color: #ffffff;
  color: #000000;
}

.infoBoxContents3 {
  border: 1px;
  /* font-family: arial, helvetica; */

}

.infoBoxContents4 {
  /* font-family: arial, helvetica; */
 /* font-size: 16px; */
}

.infoBoxContents5 {

  /* font-family: arial, helvetica; */
  background-color: #eecee0;

}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  /* font-family: arial, helvetica; */

}

TD.infoBoxHeading {
  /* font-family: arial, helvetica; */
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   line-height:1em;
   background:#fff;
   text-decoration:none;
   color:#000;
   font-weight:bold;
   border-bottom:1px solid #000;
}

TD.infoBox, SPAN.infoBox {
  /* font-family: arial, helvetica; */
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;

  background: #ffffff;

}

TABLE.customerInfo {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  color: #000000;
  border-spacing: 3px;
  background: #ffffff;
  /* font-size: 15px; */
}


.productListing-heading {
  /* font-family: arial, helvetica; */
}

/*
This is the background for the product boxes
*/

TD.productListing-data {
  /* font-family: arial, helvetica; */
  background: #ffffff;
}


td.productListing-data img {border: 1px black groove;} 
td.productListing-data a:hover img {border: 1px black groove;}
td.smalltext img {border: 1px black groove;}

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color:#b27B85;
}

TD.pageHeading, DIV.pageHeading {
  /* font-family: arial, helvetica; */
  
  color: #000000;
}

TD.pageHeading2, DIV.pageHeading {
  /* font-family: arial, helvetica; */
  
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  /* font-family: arial, helvetica; */
  color: #000000;
}

TD.main, P.main {
  /* font-family: arial, helvetica; */
  line-height: 1.5;
  color: #000000;
}

TD.mainleft, P.mainleft {
  /* font-family: arial, helvetica; */
  line-height: 1.5;
  color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
  /* font-family: arial, helvetica; */
  color: #000000;
}

TD.accountCategory {
  /* font-family: arial, helvetica; */
  color: #aabbdd;
}


TD.tableHeading {

  border: 8px;
  border-style: double;
  border-color: #000000;

  /* font-family: arial, helvetica; */

}

SPAN.newItemInCart {
  /* font-family: arial, helvetica; */
  color: #000000;
  
}

CHECKBOX, INPUT, RADIO, SELECT {
  /* font-family: arial, helvetica; */
}


SPAN.greetUser {
  /* font-family: arial, helvetica; */
  color: #f0a480;
  
}

TABLE.formArea {
 background: #f1f9fe;

  border: 8px;
  border-style: double;
  border-color: #000000;

}

TD.formAreaTitle {
  /* font-family: arial, helvetica; */
  
}

SPAN.markProductOutOfStock {
  /* font-family: arial, helvetica; */
  color: #c76170;
  
}

SPAN.productSpecialPrice {
  /* font-family: arial, helvetica; */
  color: #000000;
}

SPAN.errorText {
  /* font-family: arial, helvetica; */
  color: #000000;
}


.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #525252;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  /* font-family: arial, helvetica; */
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #000100;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 1px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  /* font-family: arial, helvetica; */
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #000100;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}

.searchtext{
  font-size: 10pt;
  line-height: 1.25em;
  border: 1px solid #000;
  vertical-align:bottom;
}

ul.headermenu {
list-style-type: none;
background-image: url(/images/navi_bg4.png);
height: 80px;
width: 1300px;
margin: auto;
padding:0;
margin:0;

}


li.headermenu {
float: left;
left:-60px;
padding: 0 0 0;
}


ul.headermenu a {
text-decoration: none;
padding-right: 20px;
padding-left: 20px;
display: block;
line-height: 80px;
text-decoration: none;
/* font-family: arial, helvetica; */
/* font-size: 18px; */
color: #371C1C;
}

ul.headermenu a:hover {
color: #AAA;
text-decoration: none;

}


/*** Begin Header Tags SEO ***/
h1 {
 /* font-family: arial, helvetica; */
 /* font-size: 20px; */
 
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 /* font-family: arial, helvetica; */
 /* font-size: 14px; */
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/

.VisitorTableBox {border-top: solid 1px #000000; border-left: solid 1px #000000; }
.VisitorTableHeadingContent { font: 8pt arial, helvetica; color: #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }
.VisitorTableContent { font: normal 8pt arial, helvetica; color: #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; }


.moduleRow { }
.moduleRowOver { background-color: #EEEEEE; cursor: pointer; cursor: default; }
.moduleRowSelected { background-color: #DDDDDD }



.checkoutBarFrom, .checkoutBarTo { /* font-family: arial, helvetica; */ font-size: 13px; color: #000000; }
.checkoutBarCurrent { /* font-family: arial, helvetica; */  color: #000000; }

/* message box */

.messageBox { /* font-family: arial, helvetica;  font-size: 13px; */ }
.messageStackError, .messageStackWarning { /* font-family: arial, helvetica;  font-size: 13px; */ background-color: #ffb3b5; }
.messageStackSuccess { /* font-family: arial, helvetica;  font-size: 13px; */ background-color: #93DB70; }

/* input requirement */

.inputRequirement { /* font-family: arial, helvetica;  font-size: 13px; */ color: #000100; }


.align_center{
text-align: center;
}

.hide_msg{
 display: none;
 position: absolute;
 }




ul.tabs {
    margin:0px; padding:0px;

}
ul.tabs li {
    list-style:none;
    display:inline-block;
    
}
ul.tabs li a {
/*    
    background-color:#464c54;
    color:#ffffff;
*/
    background-color: #eecee0;
    color:#000000;

    padding:4px 7px 4px 7px;
    text-decoration:none;
    /* font-size:12px; */
    /* font-family: arial, helvetica; */
    font-weight:bold;
    border:1px solid #464c54; 
}
ul.tabs li a:hover {
    background-color:#b27B85;
    border-color:#2f343a;
}
ul.tabs li a.active {
    background-color:#ffffff;
    color:#b27B85;
    border:1px solid #464c54; 
    border-bottom: 1px solid #ffffff;
}
.tabcontent {
    background-color:#ffffff;
    padding: 4px;
    border:1px solid #464c54;   
    max-height: 150px;  
    overflow: auto;
}
#tabcontent_2, #tabcontent_3, #tabcontent_4, #tabcontent_5 { 
    display:none; 
    overflow: auto; 
    max-height: 150px;  
}

ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;

}

.tabcontent ul {
    margin:0px;
    padding:0px 0px 0px 0px;

}
.tabcontent ul li {
    list-style:none;
    border-bottom:1px solid #d6dde0;
    padding-top:15px;
    padding-bottom:15px;
    /* font-size:13px; */

}
.tabcontent ul li a {
    text-decoration:none;
    color:#3e4346;
}
.tabcontent ul li a small {
    color:#ffffff;
    /* font-size:9px; */
    text-transform:uppercase;
    /* font-family: arial, helvetica; */
    position:relative;
    left:1px;
    top:0px;
}

.tabcontent ul li:last-child {
    border-bottom:none;
}

#indicator {
  visibility:hidden;
}
/* SmartSuggest */
#smartsuggest {
    position: absolute;
    background-color: #FFFFFF;
    font-size: 12px;
    border: 1px solid #bbc3d3;
    z-index:200;
    display: none;
    top: 70px;
    border: 1px solid #BAC4D0;
}

.smartsuggestbox{
   position: relative;
    display: inline-block;
    width:125px;
    word-wrap:break-word;
    vertical-align: middle;
    cursor: pointer;
    padding-right: 10px;
    padding-left: 10px;
}

#popCartMws {
    position: absolute; 
    top: 15%;
    left: 50%;
    width:38em;
    margin-left: -19em;   
    background-color: #f8f8f8;
    border: 3px solid #BAC4D0;
    color: #000;
    z-index: 900000;
    padding: 20px;
}


#popCart {
    position: absolute; 
    top: 15%;
    left: 50%;
    width:38em;
    margin-left: -19em;   
    background-color: #f8f8f8;
    border: 3px solid #BAC4D0;
    color: #000;
    z-index: 900000;
    display: none; 
    padding: 20px;
}

ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}

#popCart_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background-color: #000;
    display:none;
    opacity:0.75;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
}

.zoom {
  display:inline-block;
  position: relative;
}
.zoom img {
  display: block;
}
.zoom img::selection { background-color: transparent; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }

/* Category  */
#acat {
  display:inline-block;
  word-wrap: break-word;
  font-weight: bold;
  color:#b27B85;
}

.listimage {

  position:relative;
}

.myheart {
  display:none;
  position: absolute;  
  z-index: 100;
  top: 2px;
  right: 2px;  
}

.myheart:hover {
  display:none;
  cursor: crosshair;
  position: absolute;
  z-index: 100;
  top: 2px;
  right: 2px;
}
 
.overlay {
    display:none;
    color: #CD6889;
    position:absolute;  
    background-color:rgba(255, 255, 255, 0.7);
    bottom:0px;
    width: 269px;
    top: 375px;
    margin-top: -10px;
    z-index: 100;
    text-align: center;
    line-height: 36px;
 
}

.overlay:hover {
  color: #CD6889;
  font-weight:bold;
  display:none;
  position:absolute;  
  background-color:rgba(255, 255, 255, 0.7);
  bottom:0px;
  width: 269px;
  top: 375px;
  margin-top: -10px;
  z-index: 100;
  cursor: nesw-resize; 
  line-height: 36px;
}

.heartemail-single {
    cursor: pointer;
}

.heartemail-single:hover {
    cursor: pointer;
    color: #CD6889;
}

.heartview {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  /*
  width:32em;
  height:29em;
  margin-left: -16em;
  margin-top: -14.5em;
  */

  width:44em;
  height:35em;
  margin-left: -22em;
  margin-top: -20em;

  border: 1px solid #000;
  background-color: #ffffff;
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 180;
  overflow-y: auto;
  overflow-x: hidden;
}

.heartviewpop{

}

.heartviewpopcontainer{
  display: table;
  width: 100%;
  float: left; 
  height: 150px;
  vertical-align: middle;
}

.heartemptyviewpopcontainer{
  display: table;
  width: 100%;
  float: left; 
  height: 150px;
  vertical-align: middle;
}

.heartemptyviewpopline{
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  font-style: italic;
}

.heartviewpopline{
  width: 65%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.heartviewpopline:hover{
  width: 65%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  color: #CD6889;
  cursor: pointer;
}

.heartsetattribute{
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.heartsetattribute:hover{
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  color: #CD6889;
  cursor: pointer;
}

.heartviewaddtocart{
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  right: 20px;
}

.heartviewaddtocart:hover{
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  right: 20px;
  cursor: pointer;
}

.heartviewpopremove{
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  right: 3px;

}
.heartviewpopremove:hover{
  position: relative;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  color: #CD6889;
  cursor: pointer;
  right: 3px;

}

.heartemail{
  position: absolute;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.heartemail:hover{
  position: absolute;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  color: #CD6889;
  cursor: pointer;
}

.nocart{
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width: 12em;
  height: 6em;
  margin-left: -5em; /*set to a negative number 1/2 of your width*/
  margin-top: -3em; /*set to a negative number 1/2 of your height*/
  border: 1px solid #ccc;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 999;
}

.heartviewattrselector{
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width: 16em;
  height: 8em;
  margin-left: -8em; /*set to a negative number 1/2 of your width*/
  margin-top: -4em; /*set to a negative number 1/2 of your height*/
  border: 1px solid #ccc;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 999;
}

.buyprogress {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:10em;
  height:5em;
  margin-left: -5em; 
  margin-top: -2.5em;
  border: 1px solid #000;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 3000;
}

.fullview {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:552px;
  height:828px;
  margin-left: -270px; 
  margin-top: -405px; 
  border: 1px solid #000;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 3000;
}

.fullview-wrapper {
  width: 100%;
  height: 100%;

}

.fullview-image{
  position: absolute;
  top: 50.20%; left: 50%;
  transform: translate(-50%,-50%);

}

.fullview-wrapper-left-image-right-rarrow{
  position: absolute;
  left: 510px;
  top: 355px;
  opacity:0.7;
  z-index: 135;
  cursor: pointer;
}

.fullview-wrapper-left-image-right-rarrow:hover{
  position: absolute;
  cursor: e-resize;  
  left: 510px;
  top: 355px;
  opacity:0.95;
  z-index: 135; 
}

.fullview-wrapper-left-image-right-larrow{
  position: absolute;
  left: 2px;
  top: 355px;
  opacity:0.7;
  z-index: 135;
  cursor: pointer;
}

.fullview-wrapper-left-image-right-larrow:hover {
  position: absolute;
  cursor: w-resize;
  left: 2px;
  top: 355px;
  opacity:0.95;
  z-index: 135;
}

.fullview-wrapper-right-close{
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 135; 
  cursor: pointer;
}

#ppmainimage:hover{
    cursor: zoom-in;  
}

.quickview {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:50em;
  height:41.2em;
  margin-left: -23em; 
  margin-top: -18em; 
  border: 1px solid #000;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 3000;
}

.quickview-wrapper {
  width: 100%;
  height: 100%;

}
.quickview-wrapper-left{
  float: left;
  width: 53%;
  position: relative;
}

.quickview-wrapper-left-image{
  position: absolute;
  z-index: 125;
}

.quickview-wrapper-left-image:hover{
    cursor: zoom-in; 
}
     

.quickview-wrapper-left-image-right-rarrow{
  position: absolute;
  left: 341px;
  top: 250px;
  opacity:0.7;
  z-index: 135;
  cursor: pointer;
}

.quickview-wrapper-left-image-right-rarrow:hover{
  position: absolute;
  cursor: e-resize;
  left: 341px;
  top: 250px;
  opacity:0.95;
  z-index: 135; 
}

.quickview-wrapper-left-image-right-larrow{
  position: absolute;
  left: 2px;
  top: 250px;
  opacity:0.7;
  z-index: 135;
  cursor: pointer;
}

.quickview-wrapper-left-image-right-larrow:hover {
  position: absolute;
  cursor: w-resize;
  left: 2px;
  top: 250px;
  opacity:0.95;
  z-index: 135;
}

.quickview-wrapper-right{
  float: right;
  height:93%;
  width: 47%;


}

.quickview-wrapper-right-top{
  text-align: center;
  height: 35%;
}

.quickview-wrapper-right-top-button:hover{
    cursor: pointer; 
}

.quickview-wrapper-right-middle{
  text-align: center;
  height: 29%;

}

.quickview-wrapper-right-bottom{
  height: 32%;
  font-size : 14px;
  overflow: auto;
}

.quickview-wrapper-right-product-link{
    height: 32%;
    font-size : 14px;
    text-align: center;
}

.quickview-wrapper-right-close{
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 135; 
  cursor: pointer;
}

.heartview-wrapper-right-close{
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 135; 
  cursor: pointer;
}

.videoview-wrapper-right-close{
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 135; 
  cursor: pointer;
}

.quickview-wrapper-right-cart{
  position: absolute;
  left: 390px;
  top: 3px;
  background-color: #ffffff;
  z-index: 250; 
}
.addlovelist:hover{
  color:#b27B85;
  cursor: pointer;
}

#hcnomain:hover{
  cursor: pointer;
}

textarea {
  border: none;
  outline: 0;
  background-color: #ffffff;  
  resize: none;
  font-family : arial, helvetica; font-size : 14px;
}

.headercontainer{
    position: relative; 
    height: 170px;
    width: 1300px; 
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    text-align:center;

/*    background-color: #ffffff; */
}
.headercontainer2{
    position: relative; 
    height: 170px;
    width: 1300px;
    margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
    text-align:center;
    background-color: #ffffff;
    
}

.headerlogo{

  position: relative;
  display: inline-block; 
  top: -13px;
  float: left;
  z-index: 2000;
}

.headerlogo img{
  
  height: 125px;
  max-width: auto; 
  border: none;

}


.headerverspan{
  position: relative; 
  vertical-align: top; 
  display: inline-block; 
  width: 80%; 
  height: 123px;
}

.headersearch{
  position: relative; 
  float: left;
  top: 45px;

}

.headerlogin{
  position: relative; 
  float: right;
  top: 45px;
  z-index: 2000px;
}

.headertitle{
  color: #78c3fc;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 45px;
}

.headertitle h1{
  color: #78c3fc;
}

.headermsg{
    /* font-size: 18px; */
    margin:0;
    padding:0;
    /* font-family: arial, helvetica; */
    width:100%;
    right: 0px;
    top: 0px;
    position: absolute;
    color:ffffff;
    background-color: #000000;
    z-index: 101;
    clear:both;
    float:left; 
    text-align: center;
    
    
}
.headermsg a {
    color: white;
}

.headerbanner{
  position: static;
  width: 100%;
  text-align: center;
  top: 85px;
}

#centeredmenu {
  clear:both;
  float:left;
  /* font-size: 15px; */
  margin:0;
  padding:0;
  width:100%;
  /* font-family: arial, helvetica; */ 
  z-index:175; 
  position: absolute;
  top: 125px;
  /*background-color: #78c3fc;*/
  border-bottom:1px solid #000;
  border-top:1px solid #000;
  border-color: #000000;  

}

#scrollmenu {
  clear:both;
  float:left;
  /* font-size: 15px; */
  margin:0;
  padding:0;
  width:100%;
  /* font-family: arial, helvetica; */ /* Menu font */
  z-index:175; /* This makes the dropdown menus appear above the page content below */
  position:fixed;
  top: 0px;
  display:none; 
  /*background-color: #78c3fc;*/
  border-bottom:1px solid #000;
  border-top:1px solid #000;
  border-color: #000000;
}


/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
   
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}

#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   /* font-size:1em; */
   line-height:1em;
/*
  background-color: #eecee0;
  background-color: #78c3fc;
*/
   text-decoration:none;
/*   color:#000; */
   font-weight:bold;
   border-bottom:1px solid #000;  
   
}
#centeredmenu ul li.active a {
/*  color:#fff; */
   background:#000;
}
#centeredmenu ul li a:hover {
/*   background:#36f; */ /* Top menu items background colour */
/*   color:#fff; */
   border-bottom:1px solid #03f;
}

#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
/*  background:#36f; */ /* Top menu items background colour */
/*   color:#000000; */
   border-bottom:1px solid #000000;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-color: #000000; 
}

#centeredmenu ul ul li:last-child {
    left:auto;  /*resets the left:50% on the parent li */
    margin:0; /* Reset the 1px margin from the top menu */
    clear:left;
    width:100%;
    border-bottom:1px solid #000;
    border-color: #000000; 
}


#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
  /* font-size:.8em; */
  font-weight:normal; /* resets the bold set for the top level menu items */
  background-color:rgba(255, 255, 255, 0.95);
  color:#444;
  line-height:1.4em; /* overwrite line-height value from top menu */
  border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
/*   background:#36f; */ /* Sub menu items background colour */
   color:#b27B85;
   
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

.scrollsearch{
  margin:0 0 0 1px;
  padding:0;
  float:left;
  position:relative;
  left: 15px;
  top: 4px;

}

#scrollmenu {
  clear:both;
  float:left;
  /* font-size: 15px; */
  margin:0;
  padding:0;
  width:100%;
  /* font-family: arial, helvetica; */ /* Menu font */
  z-index:175; /* This makes the dropdown menus appear above the page content below */
  position:fixed;
  top: 0px;
  display:none; 
/*
  background-color: #eecee0;
*/
  background-color: #78c3fc;
  border-bottom:1px solid #000;
  border-top:1px solid #000;
  border-color: #000000;
}

/* Top menu items */
#scrollmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#scrollmenu ul li {
   margin:0 0 0 1px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
   top:1px;
}

#scrollmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   /* font-size:1em; */
   line-height:1em;
/*
  background-color: #eecee0;
*/
   background-color: #78c3fc;
   text-decoration:none;
/*   color:#000; */
   font-weight:bold;
   border-bottom:1px solid #000;
}

#scrollmenu ul li.active a {
   color:#fff;
/*   background:#000; */
}
#scrollmenu ul li a:hover {
/*   background:#36f; */ /* Top menu items background colour */
   color:#fff;
   border-bottom:1px solid #000000;
}
#scrollmenu ul li:hover a,
#scrollmenu ul li.hover a { /* This line is required for IE 6 and below */
/*  background:#36f; */ /* Top menu items background colour */
   color:#000000;
   border-bottom:1px solid #000000;
}

/* Submenu items */
#scrollmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:2em;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#scrollmenu ul ul li {
    left:auto;  /*resets the left:50% on the parent li */
    margin:0; /* Reset the 1px margin from the top menu */
    clear:left;
    width:100%;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-color: #000000; 
}
#scrollmenu ul ul li:last-child {
    left:auto;  /*resets the left:50% on the parent li */
    margin:0; /* Reset the 1px margin from the top menu */
    clear:left;
    width:100%;
    border-bottom:1px solid #000;
    border-color: #000000; 
}

#scrollmenu ul ul li a,
#scrollmenu li.active li a,
#scrollmenu ul li:hover ul li a,
#scrollmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
  /* font-size:.8em; */
  font-weight:normal; /* resets the bold set for the top level menu items */
  background-color:rgba(255, 255, 255, 0.95);
  color:#444;
  line-height:1.4em; /* overwrite line-height value from top menu */
  border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#scrollmenu ul ul li a:hover,
#scrollmenu ul li.active ul li a:hover,
#scrollmenu li:hover ul li a:hover,
#scrollmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
/*   background:#36f; */ /* Sub menu items background colour */
   color:#b27B85;
}

/* Flip the last submenu so it stays within the page */
#scrollmenuul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#scrollmenu ul li:hover ul,
#scrollmenu li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

.matchstring{
    display: inline-block;
    text-align: center;
    word-break: keep-all;
    text-transform: capitalize;
}

.matchresult{

    color:#b27B85;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;   
}

.returnline{
    display: inline-block;
    text-align: center;
}

.email-product-view {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:32em;
  height:29em;
  margin-left: -16em;
  margin-top: -14.5em;
  border: 1px solid #000;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 150;
  overflow-y: auto;
  overflow-x: hidden;
}

.heartmail{
  position: absolute;
  right: 80px;
  top: 3px;
  z-index: 135; 
  cursor: pointer;    
}

.customermail {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:36em;
  height:34em;
  margin-left: -18em;
  margin-top: -17em;
  border: 1px solid #000;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 190;
  overflow-y: auto;
  overflow-x: hidden;
}

.footerline{
  
  /* font-size: 16px; */
  margin:0;
  padding:0;
  border-bottom:1px solid #000;
  border-top:1px solid #000;
  border-color: #000000;
  /* font-family: arial, helvetica; */
  width:100%;
  background-color: #CED0D0;  
}

.referral {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:16em;
  height:16em;
  margin-left: -8em;
  margin-top: -8em;
  padding: 10px;
  border: 1px solid #000;
  background-color:rgba(255, 255, 255, 0.90);  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 150;
  overflow-y: auto;
  overflow-x: hidden;
}

.referralbutton 
{
    color: #FFFFFF;
    background-color: #000000;
    border-color: 1px solid #000000;
    z-index: 200;
    cursor: pointer;  
}

.giftmsg {
  display: none;
  position: relative; 

}

.newsletter {
  display: none;
  position:fixed;
  bottom: 0;
  left: 50%;
  width:30em;
  height:12em;
  margin-left: -15em;
  margin-top: -6em;
  padding: 10px;
  border: 1px solid #000;
  background-color:rgba(255, 255, 255, 0.90);  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 150;
  overflow-y: auto;
  overflow-x: hidden; 
  
}

.newsletter h2 {
  margin-top: 0;
}

.newsletter p {
  /* font-size: 20px; */
}

.newsletter form input[type='text'], .newsletter form input[type='email'], .newsletter form textarea{
  margin: 0;
  border: none;
  background: #f7f7f7;
  padding: 18px 10px;
  /* font-size: 16px; */
  width: 79%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.newsletter form input[type='submit']{
  padding: 18px 10px;
  background: none;
  /* font-size: 16px; */
  text-transform: uppercase;
  border: none;
  background: black;
  color: white;
  width: 20%;
  margin: 0;
  cursor: pointer; 
}

.newsletter .sb-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ccc;
  cursor: pointer; 
}

#mobilemenu {
  position: fixed;
  right: 15px;
  top: 15px;
  font-size: 28px;
  z-index: 900;
  cursor: pointer;
  
}

.mobilemenudisplay { 
  display: none;  
  position: fixed;
  right: 1px;
  top: 1px;
  width:16em;
  height:21em;
  padding: 10px;
  border: 1px solid #000;
  background-color:rgba(255, 255, 255, 1.00);  
  z-index: 800;
  overflow-y: hidden;
  overflow-x: hidden; 
  text-align: center;
}

/*
#AmazonPayButton {
  position: relative; 
  float: right;
  top: 75px;
  left: 195px;
}
*/

.indexMobile {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.emailstatus{
    color: red;
    font-weight:bold;
}

.video_corner{
  position: absolute;
  left: 2px;
  top: 2px;
  opacity:0.75;
  z-index: 135;
  cursor: pointer;
}

.video_corner:hover {
  position: absolute;
  left: 2px;
  top: 2px;
  opacity:0.99;
  z-index: 135;
  cursor: pointer;
}

.videoview {
  display:none; 
  position:fixed;
  top: 50%;
  left: 50%;
  width:360px;
  height:640px;
  margin-left: -180px; 
  margin-top: -320px; 
  border: 1px solid #000;
  background-color: #ffffff;  
  box-shadow: 13px 13px rgba(0,0,0,0.45);
  z-index: 5000;
}

.runvideo {
  position: absolute;  
  z-index: 100;
  top: 2px;
  left: 2px; 
  opacity:0.75;
}

.runvideo:hover {
  position: absolute;
  cursor: crosshair;
  z-index: 100;
  top: 2px;
  left: 2px;
  opacity:0.99;
}

.cssproduct_listing_content{
border: 1px dotted #bbc3d3;
border-width: 0px 0px 0px 0px;
width: 140px;
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 0px;
}

.cssproduct_listing_item{
float: left;
width: 155px;
height: 165px;
border: 1px solid #bbc3d3;
border-width: 1px 1px 1px 1px;
/* font-family: arial, helvetica; */
/* font-size: 15px; */
text-align: center;
padding: 5px 0px 5px 5px;
margin: 5px 5px 5px 5px;
}

.cssclear{clear: both;}

.left_navigation{
    width: 180px;
}

#addressBookWidgetDiv {
  min-width: 300px; 
  max-width: 600px;
  min-height: 228px; 
  max-height: 400px;
}


#walletWidgetDiv {
  min-width: 300px; 
  max-width:600px; 
  min-height: 228px;
  max-height: 400px;
}


/* Mobile optimized and small window */

#addressBookWidgetDiv {
  width: 100%; 
  height: 228px;
}

#walletWidgetDiv {
  width: 100%; 
  height: 228px;
}


.browsinghistory {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    word-wrap:break-word; max-width:20ch;
    
}

/* Desktop and tablet */

@media only screen and (min-width: 768px) {

  #addressBookWidgetDiv {
    width: 400px; 
    height: 228px;
  }

  #walletWidgetDiv {
    width: 400px; 
    height: 228px;
  }
}

.columleftheading {
    
  /* font-family: arial, helvetica; */
  /* font-size: 17px; */
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   /* font-size:1em; */
   line-height:1em;
   /* background:#fff; */
   text-decoration:none;
   color:#000;
   font-weight:bold;
   border-bottom:1px solid #000;    
    
}

.columleftparent { 
    /* font-family: arial, helvetica; */ 
    /* font-size: 15px; */
    line-height: 120%; 
}

.columlefchild { 
    /* font-family: arial, helvetica; */ 
    /* font-size: 15px; */
    line-height: 120%;
    text-indent: 10px;
}

.selectedcategory {
    /* font-family: arial, helvetica; */ 
    /* font-size: 15px; */
    line-height: 120%; 
    font-weight:bold;
}

.selectedcategorychild {
    /* font-family: arial, helvetica; */ 
    /* font-size: 15px; */
    line-height: 120%;
    text-indent: 10px;
    font-weight:bold;
}

#lastviewedcontainer{
    text-align: center;
    border: solid;
}

#lastviewed{
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

#footercontainer{
  /*
  border: solid;
  border-style: 1px solid black;
  */
}

#footermenucontainer{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#footermenu{
    margin-top: 5px;
    margin-bottom: 5x;
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

#backinstock{
    position: absolute;  
    z-index: 100;
    top: 30px;
    right: 0px; 
    color: #CD6889;
    font-weight: bold;
     -webkit-transform: rotate(45deg);
}

#prdcontainer{
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;

}

#prdcontainer_name{
    overflow: hidden;
}

#listingcontainer{
    position: relative; 
    overflow: display;
}

#pagenav{
    float: right; 
}

#dropnav{
    display: inline-block;
    margin-right: 20px;
}

#timg {
    margin-left: 5px;
    margin-right: 5px;
}

#timg:hover {
    cursor: pointer;
}

#timgoos {
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.5;
}

#timgoos:hover {
  cursor: pointer;
}

#timgbig {
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

#timgbig:hover {
    cursor: pointer;
}

#timgoosbig {
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.5;
}

#timgoosbig:hover {
  cursor: pointer;
}

.ppcontainer {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    /* font-size: 16px; */
}

.ppcontainer > div {
    width: 55%;
    padding: 1px;
}

.ppcontainer > div:first-child {
    margin-left: 5px;
}

.ppcolumn1{
    display:inline-block;
    position: relative;
}

.ppcolumn2{
    display:inline-block;
    position: relative;

}

#ppname h2{
    /* font-size: 18px; */
    font-weight:bold;
    text-align: left;
}

#ppsplitcontainer{
    margin-top: 20px;
    margin-bottom: 20px;

}

#ppsplit{
    display:inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    /* font-size: 16px; */
    font-weight: normal;
    margin-bottom: 60px;
}

.ppsplitgt5{
  display:inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  /* font-size: 16px; */
  font-weight: normal;
  margin-bottom: 60px;
}

#ppthumbs{
    /* font-size: 16px; */
    display:inline-block;
    vertical-align: top;
}

#ppthumbsinlineblock{
    /* font-size: 16px; */
    display:inline-block;
}

#ppdesk{
    text-align: left;
    margin-bottom: 70px;
}

#xsell{
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

#ppmainimage{
    display:inline-block;
}

.infoBox9 {
    /* font-size: 16px; */
}

.tab_area {
    margin: auto;
    width: 50%;
}

.navlinks{
  /*
    position: absolute; 
    top: 550px;
  */
    margin: auto;
    width: 100%;
}
.actionlinks{ 
  /*
    position: absolute; 
    top: 650px;
  */
    margin: auto;
    width: 100%;
}

.storebutton {
  border-radius: 5px;
  /* background-color: #78c3fc; */
  /* border: 0px solid; */
  /* color: white; */
  padding: 15px 32px;
  text-align: center;
  /* text-decoration: none; */
  display: inline-block;
  /* font-size: 16px; */
  cursor: pointer;
}


.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  display: none;
  position:fixed;
  top: 0px;
  z-index: 999999;
  width: 100%;

}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: fixed;
  top: 20px;
  right: 21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#alert-success-message{
  display: inline-block;
}

#alert-danger-message{
  display: inline-block;
}

#alert-warning-message{
  display: inline-block;
}

#alert-info-message{
  display: inline-block;
}

.warningbuttonconfirm {
  border-radius: 5px;
  background-color: #007fff;
  border: 0px solid;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 32px;
  padding-left: 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

.warningbuttoncancel {
  border-radius: 5px;
  background-color: #007fff;
  border: 0px solid;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 32px;
  padding-left: 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}

#waitloader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
  z-index: 999999;
  display: none;
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}