/***** GLOBAL *****/
body { margin:0px; padding: 0px; font-size: 13px; line-height: 16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; background: white; background-image: none; }


body, div, td, p, li, select, input, textfield, span {font-size: 12px; line-height: 16px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
p {font-size: 13px; margin-top: 3px; margin-bottom: 15px; line-height: 17px}


input, textarea, select { vertical-align: middle;  }
textarea:focus, input:focus {outline: none; }
form, fieldset { margin: 0; padding: 0; border-style: none; }
blockquote { margin: 0; padding: 0; }
input.input, input.inputreq {border: solid #CCC 1px; padding: 2px}
select {border: solid #CCC 1px;}
img {border-style: none; }

a {color: #03C; }
a {text-decoration:none; outline: 0;  outline: none;}
a:hover {text-decoration:underline; color: #03C}

span.nonee, div.nonee, .nonee, .closee 	{display: none}
.block  {display: block}
.inline {display: inline}
div.inlineDiv {display: inline-block; vertical-align: top; }


h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }


#outerwrapper 	{max-width: 100%;   width: 100%; margin: 0 0;    padding: 0 0; text-align: center;  }
#innerwrapper 	{max-width: 2800px; width: 100%; margin: 0 auto; padding: 0 0; text-align: center;  }
#div__header 	{max-width: 2800px; width: 100%; margin: 0 auto; padding: 0 0; text-align: center;  }
#div__body 		{max-width: 2800px; width: 100%; margin: 0 auto; padding: 0 0; text-align: left;    max-width: 1100px;}
#div__footer 	{max-width: 2800px; width: 100%; margin: 0 auto; padding: 0 0; text-align: center; height: auto; }

#footerDivCont 	{max-width: 1100px; width: 100%; margin: 0 auto; padding: 0 0; text-align: left; }


.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }





/***** HEADER *****/
/* header div */
#div__header 	{border-bottom: solid #DDDDDD 1px;  }
#hdrTD {height: auto; position: relative; }

#hdrBanner {ZZheight: 36px; background: #111111; text-align: center; }
#hdrBanner .header-promotion {font-size: 15px; line-height: 1em; color: #DDDDDD; padding-top: 8px; font-weight: bold; width: 100%; max-width: 1100px; margin: 0 auto; text-align: center; position: relative; padding: 8px 18px 4px 8px;
line-height: 1.2em;}
#hdrBanner .header-promotion_close {position: absolute; right: 5px; top: 8px; font-size: 20px; line-height: 1em; color: #DDDDDD; }
#hdrBanner .header-promotion_close:hover {text-decoration: none; color: #FFFFFF; }

#hdrDiv {width: 100%; margin: 10px auto 0 auto; padding: 0 0; text-align: left; height: auto;}
header#hdrHeader {width: 100%; margin: 0 auto; padding: 0; height: auto; }

#hdrTop { min-height: 90px;  width: 100%; max-width: 1100px; margin: 0 auto; padding: 0; position: relative; }
#hdrLogo { margin: 5px auto 0 auto; display: inline-block; margin-left: calc(50% - 187px); vertical-align: top;     }
#hdrLogo a#homeLink {display: block; width: 100%; position: relative; outline: 0; outline: none; }
#hdrLogo a#homeLink img {}
#hdrLogo a#homeLink span {position: absolute; width: 100px; left: -2000px; }




#handMenu {display: none; width: 60px; vertical-align: top;}
#handMenu button.navbar-toggle {float: left; background-color: #FFFFFF; border-color: #FFFFFF; margin: 5px 10px 0px 10px; padding: 9px 10px 0 10px;}
#handMenu button.navbar-toggle {background: white}
#handMenu button.navbar-toggle span.icon-bar{display: none; }
#handMenu button.navbar-toggle span.icon-x  {display: block; font-size: 20px; color: #111111; font-weight: bold; line-height: 1em; width: 22px; height: 22px; text-align: center; vertical-align: top; }
#handMenu button.navbar-toggle.collapsed {background: white}
#handMenu button.navbar-toggle.collapsed span.icon-bar {display: block; background-color: #111111;    }
#handMenu button.navbar-toggle.collapsed span.icon-x {display: none; background-color: #111111}	



#hdrHeader {position: relative; }

#hdrInfo {position: absolute; top: 35px; right: 55px;  color: #707070;  width: 200px; text-align: right;}
#hdrInfo.login .logout {display: none}
#hdrInfo.logout .login {display: none}
#hdrInfo #hdrInfoIcon  {font-size: 20px; line-height: 1em; font-weight: normal; }
#hdrInfo a {color: #707070; padding: 4px 5px 4px 12px; text-decoration: none; }
#hdrInfo a:hover, #hdrInfo a.active {color: #111111; text-decoration: none; }
#hdrInfo a img { width: 23px; opacity: 0.5; }
#hdrInfo a:hover img, #hdrInfo a.active img { transform: rotate(180deg); opacity: 1; }

#hdrInfo #hdrInfoDivCont { display: none }
#hdrInfo #hdrInfoDivCont {position: absolute; top: 19px; right: 0; width: 240px; border: solid 1px #D2D2D2; border-top: solid 1px #D4D4D4; box-shadow: 0 0 4px rgba(0,0,0, .24); z-index: 4; padding: 13px 10px 10px; text-align: center; background: #FFFFFF; }
#hdrInfo #hdrInfoDivCont div {font-size: 12px; color: #111111; }
#hdrInfo #hdrInfoDivCont div a {font-size: 12px; padding: 4px 0 4px 0px; color: #111111; }
#hdrInfo #hdrInfoDivCont div span {font-size: 12px; color: #111111; }
#hdrInfo #hdrInfoDivCont div a.loginButton {display: block; margin: 10px auto ; padding: 10px; width: 90px; text-align: center; color: #DDDDDD; background: #111111; font-size: 14px; line-height: 1em; font-weight: bold; text-transform: uppercase; }
#hdrInfo #hdrInfoDivCont div a.loginButton:hover {color: #FFFFFF;}
#hdrInfo #hdrInfoDivCont div.logout {text-align: left; padding: 5px 0 5px 20px; line-height: 1.4em; font-size: 14px; }
#hdrInfo #hdrInfoDivCont div.logout span {line-height: 1.4em; font-size: 14px; padding: 4px 0 4px 0px;}
#hdrInfo #hdrInfoDivCont div.logout a {line-height: 1.4em; font-size: 14px; display: block; }
#hdrInfo #hdrInfoDivCont div.logout a:hover {text-decoration: underline; }

#hdrCart {display: inline-block; width: 40px; margin: 10px auto 0 0; vertical-align: top; right: 5px; position: absolute; top: 10px; }
#hdrCart a#cart {padding: 0 0; margin: 0; position: relative; outline: 0;  outline: none;}
#hdrCart a#cart #item-count {position: absolute; padding: 0 1px; margin: 0; border: solid #FFFFFF 0px; font-size: 12px; line-height: 1em; font-weight: normal; top: -8px; right: 4px;  color: #940000; width: 22px; text-align: center; outline: 0;  outline: none;  }
#hdrCart a#cart img {width: 35px; }
#hdrCart.hundred a#cart #item-count {font-size: 12px;  }
#hdrCart.ten a#cart #item-count 	{font-size: 12px;  }
#hdrCart.one a#cart #item-count 	{font-size: 14px;  }
#hdrCart.zero a#cart #item-count 	{display: none; }

#hdrShopnow {float: right; margin: 35px 22px 0 0;}
#hdrShopnow.hidee {display: none; }
#hdrShopnow a {display: block; width: 130px; padding: 8px; border: solid #13254d 3px; text-align: center; color: #13254d; font-size: 14px; font-weight: bold; text-decoration: none; }
#hdrShopnow a:hover {color: #FFFFFF; background-color: #13254d; text-decoration: none; }

#hdrSearch {display: inline-block; width: 270px; height: 40px; z-index: 6;  position: absolute; top: 28px; left: 10px;   ;                      }
#hdrSearch {    margin: 0; padding: 0; }
#hdrSearchCont {margin: 0; padding: 0;}
#searchportlet {margin: 0; padding: 0;}
#hdrSearch div.search_box { width: 160px; border-bottom: solid 2px #545454;  padding: 0 0 8px 0;  transition: width 0.3s ease-in-out; }
#hdrSearch div.search_box:hover {width: 270px;  transition: width 0.3s ease-in-out; border-bottom: solid 2px #111111;}
#hdrSearch div.search_box a.icon {display: inline-block;  width: 30px; height: 30px; vertical-align: top; opacity: 0.7; background-image: url(/img/search.png); background-position: center center; background-size: contain; }	
#hdrSearch div.search_box:hover a.icon {opacity: 1.0; }
#hdrSearch div.search_box input.search {width: calc(100% - 34px); padding: 2px; height: 30px; vertical-align: top; border: none; font-size: 12px; color: #111111;   }





#hdrSearch span.twitter-typeahead { padding: 0px; }
#hdrSearch span.twitter-typeahead .tt-menu {width: calc(100% + 45px); min-width: 300px;  max-width:400px;  padding: 0px;  Zoverflow-y: auto; }

#hdrSearch .tt-header {text-align: center; text-align: center; background-color: #f6f6f6; padding: 2px; }
#hdrSearch div.tt-dataset.tt-dataset-keywordss {border-top: #CCC 1px solid;}
#hdrSearch .tt-footer { padding: 5px 15px 5px 5px; }
#hdrSearch .tt-footer a { text-decoration: none; color: #333333;}
#hdrSearch .tt-footer a span {font-style: italic; color: #333333;}
#hdrSearch .tt-footer:hover, 
#hdrSearch .tt-footer:hover a, 
#hdrSearch .tt-footer:hover span,
.tt-footer a:hover, .tt-footer a:hover span {color: #FFFFFF; background-color: #7F7EB4;  background-color: #13254B; }

#hdrSearch span.twitter-typeahead .tt-suggestion {padding: 0; border-bottom: #CCC 1px solid; cursor:pointer;}
#hdrSearch span.twitter-typeahead .tt-suggestion:last-child { border-bottom: 0px; }
#hdrSearch span.twitter-typeahead .tt-suggestion a {display: block; vertical-align: middle; color: #333333; text-decoration: none; overflow: hidden; padding: 5px 5px 5px 5px; margin: 0;   }
#hdrSearch span.twitter-typeahead .tt-suggestion strong.tt-highlight {color: #000000; font-size: 1em; }
#hdrSearch span.twitter-typeahead .tt-suggestion.tt-cursor {  background: none; }

#hdrSearch span.twitter-typeahead .tt-suggestion:hover {color: #FFFFFF; background-color: #7F7EB4; background-color: #13254B;}
#hdrSearch span.twitter-typeahead .tt-suggestion:hover strong.tt-highlight {color: #FFFFFF; font-size: 1em; }
#hdrSearch span.twitter-typeahead .tt-suggestion:hover a,
#hdrSearch span.twitter-typeahead .tt-suggestion:hover a:hover {color: #FFFFFF; text-decoration: none; }
#hdrSearch span.twitter-typeahead .tt-suggestion:focus {  background-color: #13254B; }

@media screen and (max-width:767px) {  /* iPhone 8+ & 8 */ 
	#hdrSearch span.twitter-typeahead .tt-menu {width: 110%; }
	#hdrSearch span.twitter-typeahead .tt-suggestion {padding: 10px 5px 10px 15px; }
}
@media screen and (max-width:340px) { /* iPhone 5S */
	
}























#hdrNavv {width: 100%; max-width: 1100px; margin: 15px auto 0 auto; padding: 0; }
#hdrNavv #hdrNavvCont {padding: 0 0; margin: 0 0; }
#hdrNavvCont .navvTable {width: auto; margin: 0 auto;  }
#hdrNavvCont td a { border-bottom: solid white 2px; }
#hdrNavvCont td a {display: inline-block; padding: 13px 20px 13px 20px; font-size: 14px; line-height: 1em; text-decoration: none; color: #000000; font-weight: normal; }
#hdrNavvCont td a {margin: 0 3px; }
#hdrNavvCont td a img {width: 23px; margin: 0;   }
#hdrNavvCont td a.active, #hdrNavvCont td a:hover {border-bottom: solid #000000 2px; }
#hdrNavvCont td a.active, #hdrNavvCont td a.active:hover, #hdrNavvCont td a:hover {color: #000000;  }
#hdrNavvCont td a.active img { width: 23px; margin: 0;  transform: rotate(180deg);  }


/* when open */
#hdrNavv2 { position: relative; width: 100%; text-align: center; }
#hdrNavv2 div.subDivv { text-align: left; padding: 10px 10px 20px 10px; width: 100%; margin: 0 auto; text-align: left; }
#hdrNavv2 div.subDivv { background-color: #FFF; color: #545454; }
#hdrNavv2 div.subDivv { position: absolute; vertical-align: top; top: 1px;  border-bottom: solid #DDDDDD 1px; }
#hdrNavv2 div.subDivv .subDivvTable {width: 100%; max-width: 1100px; margin: 15px auto 5px auto;}
#hdrNavv2 div.subDivv .subDivvTable td {border-right: dotted #DDDDDD 1px;  vertical-align: top; }
#hdrNavv2 div.subDivv .subDivvTable td.noBorder {border: none; }

#hdrNavv2 div.closee div.subDivv {opacity: 0; visibility: hidden; z-index: 0; max-height: 0px; overflow: hidden;  -webkit-transition: all .0s; transition: all .0s; float: none;}
#hdrNavv2 div.openn  div.subDivv {opacity: 1; visibility: visible; z-index: 999; max-height: 630px; overflow: visible; -webkit-transition: all .0s; transition: all .0s;}
#hdrNavv2 div.openn { }

#hdrNavv2 div.subDivv div.column { width: 200px; display: inline-block; vertical-align: top; padding: 0 5px; margin: 0px;   }
#hdrNavv2 div.subDivv a {display: block; padding: 4px 5px 4px 10px; margin: 1px; text-decoration: none; color: #545454; font-size: 13px; line-height: 1em; }
#hdrNavv2 div.subDivv a.subbCat {padding: 5px 5px 4px 5px; font-weight: bold; font-size: 16px;  text-align: center; }

#hdrNavv2 #divBooks div.subDivv a.subbCat {font-weight: normal}
#hdrNavv2 #divBooks div.subDivv .subDivvTable td {padding: 12px 0; vertical-align: middle; }

#hdrNavv2 div.subDivv a.subbCat.space {margin-top: 15px; }
#hdrNavv2 div.subDivv a:hover {text-decoration: underline; color: #000000;}

#hdrNavv2 div.subDivv a {color: #545454; }
#hdrNavv2 div.subDivv a:hover { color: #000000;}

/* minor changes */
#hdrNavv2 div#divLiterature div.subDivv {    border-bottom: solid #DDDDDD 1px; }
#hdrNavv2 div#divBooks div.subDivv 		{    border-bottom: solid #DDDDDD 1px; }



			
/* handheld navigation */	
#navbar {}
div#handNavv nav.navbar-default {background-color: #FFFFFF; border-color: #FFFFFF; margin-bottom: 5px;  }
ZZdiv#handNavv nav.navbar-default div.container {padding-left: 10px; padding-right: 10px; }
	

div#handNavv nav.navbar-default .navbar-collapse {border-color: #FFFFFF; text-align: left; }
div#handNavv nav.navbar-default .navbar-nav>li>a.dropdown-toggle, 
div#handNavv nav.navbar-default .navbar-nav>li>a.single {color: #333333; font-size: 14px; font-weight: bold; text-align: left; padding: 13px 0 13px 50px;} 
div#handNavv nav.navbar-default .navbar-nav>li>a.single {background-color: #F7F9FC}
div#handNavv nav.navbar-default .navbar-nav>li>a.topborder {padding-top: 20px; border-top: solid #dddddd 2px; }
div#handNavv nav.navbar-default .navbar-nav>li>a.single span.phone{color: #F8BD00; font-size: 16px; font-weight: bold; }
div#handNavv nav.navbar-default .navbar-nav>li.blueHello {background-color: #333333; color: #FFFFFF; text-align: left;}
div#handNavv nav.navbar-default .navbar-nav>li.blueHello a {color: #FFFFFF; font-size: 15px; font-weight: bold; text-align: left; padding-left: 20px;} 
div#handNavv nav.navbar-default .navbar-nav>li.blueHello a span {color: #FFFFFF; font-size: 15px; font-weight: bold; text-align: left; }	
div#handNavv nav.navbar-default .navbar-nav>li.open>a.dropdown-toggle {background-color: #F6F6F6; }
div#handNavv nav.navbar-default .navbar-nav>li.open .dropdown-menu {background-color: #F6F6F6; }
div#handNavv nav.navbar-default .navbar-nav>li.open .dropdown-menu>li>a {padding: 12px 0 12px 60px; font-size: 14px; color: #333333; }	



/* handheld navigation bar */
div#handNavv .navbar-nav {background-color: #F9F9F9; margin: 7.5px -15px;  width: calc(100% + 30px); }
div#handNavv .navbar-nav>li>a.dropdown-toggle, 
div#handNavv .navbar-nav>li>a.single {color: #404040; font-size: 14px; font-weight: bold; text-align: left; padding: 13px 0 13px 20px;  } 
div#handNavv .navbar-nav>li>a.single {background-color: #F9F9F9; }

div#handNavv .navbar-nav>li.open>a.dropdown-toggle {background-color: #F7F8F9; }
div#handNavv .navbar-nav>li.open .dropdown-menu {background-color: #F7F8F9;  padding: 0 0 15px 0; }
div#handNavv .navbar-nav>li.open .dropdown-menu>li>a {padding: 12px 0 12px 30px; font-size: 13px; color: #404040; }
div#handNavv .navbar-nav>li.open .dropdown-menu>li>a:hover {background-color: #F7F8F9; }	
div#handNavv .navbar-nav>li.open .dropdown-menu>li>a.subbCat {padding: 10px 0 10px 30px; font-size: 14px; font-weight: bold; color: #333333;}
div#handNavv .navbar-nav span.caret {float: right; margin: 10px 25px 0 auto; font-size: 16px; }

div#handNavv .navbar-nav li#handUser {padding: 12px 0 12px 30px; font-size: 14px; color: #404040; }



#crumbDiv {position: absolute; text-align: center; width: 100%; bottom: -26px; display: none; }
#crumbDivCont {text-align: left; width: 100%; max-width: 1090px; margin: 0 auto; padding: 5px 0 0 0; display: none; }
#crumbDivCont {font-size: 12px; color: #333333;  }
#crumbDivCont a, #crumbDivCont a:hover {font-size: 12px; color: #333333; padding: 10px 5px;   }
#crumbDivCont a {text-decoration: none; }
#crumbDivCont a:hover {text-decoration: underline; }









/***** HOME PAGE *****/
#homeTempl {}
#homeLstTD {width: 100%; position: relative; }
#homeLstDiv {width: 100%; min-height: 400px; max-width: 1900px; margin: 0 auto; }

#homeSlides {margin-top: 0px; position: relative;}
#homeCarousel .carousel-indicators {bottom: 10px; }
#homeCarousel .carousel-indicators li, .carousel-indicators li.active {border: solid #19597B 1px; }
#homeCarousel .carousel-indicators li {background-color: #F9F9F9; width: 14px; height: 14px; border-radius: 14px}
#homeCarousel .carousel-indicators li.active {background-color: #19597B; }
#homeCarousel .carousel-control.right, #homeCarousel .carousel-control.left {background-image: none; }
#homeCarousel .carousel-control .glyphicon-chevron-left, #homeCarousel .carousel-control .glyphicon-chevron-right {color: #FFFFFF}
#homeCarousel .carousel-inner > .item {
-webkit-transition: 1.5s ease-in-out ;
-o-transition: 1.5s ease-in-out ;
transition: 1.5s ease-in-out ; }
#homeCarousel .carousel-inner > .item {
-webkit-transition: -webkit-transform 1.5s ease-in-out;
-o-transition: -o-transform 1.5s ease-in-out;
transition: transform 1.5s ease-in-out;
}
#homeCarousel .carousel-inner>.item>a>img.noDesktop, #homeCarousel .carousel-inner>.item>img.noDesktop {display: none;}
#homeCarousel .carousel-inner > .item a {display: block; position: relative; }
#homeCarousel .carousel-inner > .item span.cont  { position: absolute; top: 0; left:10%; right: 10%; display: block; color: #FFFFFF; text-align: center;}
#homeCarousel .carousel-inner > .item span.title {display: block; font-size: 42px; margin: 5% auto 0 auto; line-height: 1.3em; color: #FFFFFF; text-align: center;   }
#homeCarousel .carousel-inner > .item span.text  {display: block;  font-size: 24px; line-height: 1.3em; color: #FFFFFF;   }
#homeCarousel .carousel-inner > .item  button {display: inline-block; text-align: center; padding: 10px 15px; line-height: 1.2em; text-align: center; margin: 15px auto 0 auto; font-size: 14px; color: #FFFFFF; border: solid #737373 1px; background-color: #737373; }

#homeCarousel .carousel-inner > .item span#titleOne {}
#homeCarousel .carousel-inner > .item span#titleTwo {}
#homeCarousel .carousel-inner > .item span#titleThree {}
#homeCarousel .carousel-inner > .item span#titleFour {}
#homeCarousel .carousel-inner > .item span#itleFive {}

#homeCarousel .carousel-inner > .item span#textOne {}
#homeCarousel .carousel-inner > .item span#textTwo {}
#homeCarousel .carousel-inner > .item span#textThree {}
#homeCarousel .carousel-inner > .item span#textFour {}
#homeCarousel .carousel-inner > .item span#textFive {}




#homeTextDiv {margin: 60px 0 0 0; padding: 0; }
#homeTextCont {width: 100%; max-width: 880px; margin: 0 auto; padding: 0; }
#homeTextDiv h3 {text-align: center; font-size: 24px; font-weight: bold;  padding: 0 0 20px 0;}
#homeTextDiv p {text-align: center; font-size: 16px; line-height: 1.5em; }

#homeHistoryDiv {margin: 60px 0 0 0; padding: 0; text-align: center;  background-color: #F7F8F9}
#homeHistoryCont {width: 100%; max-width: 800px; margin: 0 auto; padding: 0 0 20px 0; text-align: center;  }
#homeHistoryDiv h2 {padding: 10px 10px 20px 10px; text-align: center; font-size: 32px; font-weight: bold;  }
#homeHistoryDiv #historyLeft {width: 80%; max-width: 395px; display: inline-block; vertical-align: top; padding: 40px 0 0 15px;  margin: 0 0 0 auto; text-align: left; }
#homeHistoryDiv i {font-size: 16px; position: relative; padding: 3px 0 22px 35px; vertical-align: top; font-weight: bold; }
#homeHistoryDiv i img {position: absolute; left: 0; top: 0px; width: 25px; }
#homeHistoryDiv i span {display: block; opacity: 0; font-style: normal; font-weight: normal; font-size: 14px; padding: 2px 0 15px 38px;    transition: opacity 0.6s;  }
#homeHistoryDiv i:hover img {}
#homeHistoryDiv i:hover span {opacity: 1; }
#homeHistoryDiv #historyRight {width: 80%; max-width: 380px; display: inline-block; vertical-align: top; text-align: right; }
#homeHistoryDiv #historyRight img {width: 100%; max-width: 363px; }

#homeStones h3 {text-align: center; font-size: 22px; font-weight: bold;  padding: 0 0 10px 0;}



#homeMiddle {margin: 0 auto 40px auto; background-color: #F7F8F9; padding: 55px 0 15px 0; }
#homeMiddleCont {width: 100%; max-width: 1060px; margin: 0 auto; }
#homeMiddle #homeGradesDiv {width: 100%; max-width: 1100px; margin: 0 auto; display: block; vertical-align: top; text-align: center;  border: solid inherit 1px; border-width: 0 10px 0 10px;  }
#homeMiddle #homeGradesDiv h2 {text-align: center; padding: 5px 0 5px ; margin: 0; font-size: 24px; }
#homeMiddle #homeGradesDiv table {text-align: center; }
#homeMiddle #homeGradesDiv td {text-align: center; color: #FFFFFF; vertical-align: middle; font-size: 20px; font-size: 16px; line-height: 1em;  color: #111111;  width: 33.2%}
#homeMiddle #homeGradesDiv td {height: 210px; padding: 0;  border: solid #F7F8F9 8px; border-width: 10px 10px 30px 10px; text-align: center; }
#homeMiddle #homeGradesDiv a {background-size: cover; background-position: center center; background-repeat: no-repeat; }
#homeMiddle #homeGradesDiv a.gradeLink {width: 100%; height: 210px; margin: 0; position: relative; border: solid #F7F8F9 3px; display: block; vertical-align: middle; text-transform: uppercase; }
#homeMiddle #homeGradesDiv a.gradeLink:hover {}

#homeMiddle #homeGradesDiv td div.overlay { position: absolute; right: 0; left: 0; bottom: 100%; overflow: hidden; width: 100%; height: 0; transition: .5s ease; background-color: rgba(0, 0, 0, 0.50);}
#homeMiddle #homeGradesDiv td div.overlay div.text {padding: 20px 10px 0 10px; }
#homeMiddle #homeGradesDiv td div.overlay div.text p {color: #FFFFFF; font-size: 14px; line-height: 1.3em}
#homeMiddle #homeGradesDiv td div.overlay div.text a {color: #111111; background:#DDDDDD; display: block; margin: 5px auto; width: 80px; padding: 8px 4px; text-align: center; font-size: 14px; line-height: 1em; text-transform: uppercase; border-radius: 4px; }
#homeMiddle #homeGradesDiv td div.overlay div.text a:hover {color: #111111; background:#F6F6F6; text-decoration: none; }

#homeMiddle #homeGradesDiv td:hover div.overlay { bottom: 0%; height: 100%;    display: none;   }



#homeBottom {margin: 40px auto 0 auto; text-align: center; clear: both; }
#homeBottomCont {width: 100%; max-width: 100%; margin: 0 auto; }
#homeBottomCont #homeContent {width: 100%; max-width: 1100px; margin: 0 auto; padding: 0;  }
#homeBottomCont #homeContentCont {margin: 0 auto; padding: 20px 15px 40px 15px; }
#homeBottomCont #homeContentCont h2 {text-align: center; padding: 5px 0 5px ; margin: 0; font-size: 24px; }
#homeBottomCont #homeContentCont p {margin: 0 auto 15px auto; padding: 5px; vertical-align: top; font-size: 16px; line-height: 1.4em; text-align: center;}

#homeBottomCont #homeStones {width: 100%; max-width: 1100px; margin: 0 auto; display: block; vertical-align: top; text-align: center;  }
#homeStonesCont {}
#homeStones #stonesTable {width: 100%; margin: 0 auto; }
#homeStones td {text-align: center; vertical-align: top; width: 33.2%; }
#homeStones tr.steps td { color: #111111; font-size: 12px; font-weight: bold;      }
#homeStones td.homeStones {padding: 0 0 10px 0; text-align: center;   }
#homeStones .stonesDiv {width: 90%; margin: 0 auto 10px auto; max-width: 350px; }
#homeStones .stonesDiv img {width: 40%; margin: 0 auto;  }
#homeStones .stonesDiv h3 {margin: 10px auto 0 auto; color: #111111; font-size: 16px; text-align: center;   }
#homeStones .stonesDiv span {display: block; color: #999999; margin: 15px auto 0 auto; text-align: center; max-width: 180px}
#homeStones td:hover .stonesDiv span {color: #545454; }

#homeBottomCont #homeVideoSignup {background-color: #F7F8F9; width: 100%; max-width: 2000px;  padding: 20px 0 30px 0}
#homeBottomCont #homeVideo {width: 100%; max-width: 860px; margin: 0 auto 0 auto; padding: 40px 0 10px 0; text-align: center; }
#homeBottomCont #homeVideoCont {overflow:hidden; padding-bottom: 56.25%; position:relative; height:0;  margin: 0 auto;}
#homeBottomCont #homeVideoCont iframe {left:0; top:0; height:100%; width:100%; position:absolute; }

#homeBottomCont #homeInstagram { text-align: center; clear: both; margin: 0 auto 0 auto; padding: 20px 0 50px 0; background-color: #F7F8F9;  background-color: #FFFFFF;  }
#homeBottomCont #homeInstagramCont { width: 100%; max-width: 1100px; margin: 0px auto 0 auto; padding: 0 0 0 0}

#homeBottomCont #homeSignup {width: 100%; margin: 0 auto 0 auto; padding: 15px 0 0 0; text-align: center; background-color: #FFFFFF; }
#homeBottomCont #homeSignupCont { margin: 0 auto; padding: 5px;  width: 100%; max-width: 860px;             }
#homeBottomCont #homeSignupCont h2 {text-align: center; padding: 5px 0 5px ; margin: 0; font-size: 24px; line-height: 1.2em; }
#homeBottomCont #homeSignupCont p {}
#homeBottomCont #homeSignupCont iframe {}
#homeBottomCont #homeSignupCont #mc_embed_signup {text-align: center; background-color:  #FFFFFF;}
#homeBottomCont #homeSignupCont #mc_embed_signup #mc-embedded-subscribe-form { }
#homeBottomCont #homeSignupCont #mc_embed_signup input.email,
#homeBottomCont #homeSignupCont #mc_embed_signup input {padding: 8px 5px 6px 5px; margin: 0 20px; font-size: 12px; line-height: 1em; width: 28%; max-width: 120px; border: solid #999999 1px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; color: #111111; border-radius: 0px; vertical-align: middle; background-color: #fff; box-sizing: border-box; height: 34px;}
#homeBottomCont #homeSignupCont #mc_embed_signup input.button {display: block; width: 100px;  text-align: center; margin: 20px auto 0 auto; padding: 5px 5px 4px 5px;  font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;   font-size: 14px; color: #FFFFFF; border: solid #737373 1px; background-color: #737373;  padding: 10px 15px;}
#homeBottomCont #homeSignupCont #mc_embed_signup input.button:hover {ZZZbackground-color: #999999; ZZZcolor: #FFFFFF;    font-size: 14px; color: #FFFFFF; border: solid #666666 1px; background-color: #666666; }
#homeBottomCont #homeSignupCont #mc_embed_signup {}



@media screen and (max-width:767px) {  /* iPhone 8+ & 8 */ 
#homeStones .stonesDiv img {width: 50%; margin: 0 auto;  }
}








/*** LEFT SIDE ***/
#leftTD {display: none; padding-top: 50px; }
#div__body.showLeft #leftTD {display: table-cell ;  display: none; }
div#leftDiv {width: 320px ; margin: 30px 0 0 0px; padding: 0; }
div#leftNavDiv { width: 100%; margin: 0 0 20px -10px; }
table#leftNavv { width: 100%; margin: 0;  }



div#leftDiv table.list td img, div#leftDiv table.list td.smalltext img, div#leftDiv table.list td.textboldnolink img {display: none}

div#leftDiv td.text {padding: 2px 15px; }
div#leftDiv td.tdTen { }
div#leftDiv td.tdTen a.dottedlink {padding: 4px 5px 4px 0;  color: #333333; display: block; font-size: 14px;}
div#leftDiv td.tdTen a.textboldnolink {padding: 4px 5px 4px 0;  color: #000000; display: block; font-size: 14px; font-weight: bold;}
div#leftDiv td.tdNine { }
div#leftDiv td.tdNine a.dottedlink {padding: 4px 5px 4px 6px;  color: #333333; display: block; font-size: 13px; }
div#leftDiv td.tdNine a.textboldnolink {padding: 4px 5px 4px 6px;  color: #000000; display: block; font-size: 13px; font-weight: bold;}
div#leftDiv td.smalltext { }
div#leftDiv td.smalltext a.dottedlink {padding: 3px 5px 3px 15px;  color: #333333; display: block; }
div#leftDiv td.textboldnolink {}
div#leftDiv td.textboldnolink a.textboldnolink {padding: 3px 5px 3px 15px ; font-weight: bold; display: block;  color: #000000; text-decoration: none; }
div#leftDiv td.textboldnolink a.textboldnolink:hover {text-decoration: none; }





/*** CONTENT ***/
td#contTD {padding-bottom: 20px; }
div#contDiv {width: 100%;  margin: 0 auto; }
#div__body.showLeft div#contDiv {width: (100% - 340px); }
table#contTable {width: 100%;  margin: 0 auto; }









/*** CATEGORY LIST ***/
#catTempl {padding: 20px 0 ; position: relative; width: 100%;}
#catCont {margin: 10px auto; padding: 0; position: relative; width: 100%; max-width: 1100px;}
#catCont h1 { margin: 0 0 10px 10px; padding: 0; line-height: 1.3em; font-size: 20px; text-transform: uppercase; font-weight: normal; }
#catDesc {}
#catDiv {margin: 0 auto; padding: 0; position: relative; width: 100%; max-width: 1100px; }
table#catCells {}


.lstCell { max-width: 380px;  border: solid #DDDDDD 1px; padding: 8px;}

.catCell {margin: 0; padding: 0px; border: solid #DDDDDD 1px;}
.catCell.over {border: solid #666666 1px;}
a.catLink  {width: 100%; height: 100%; display: block; margin: 0; padding: 8px 0 0 0px; text-align: center; text-decoration: none; }
a.catLink .catImg {display: inline-block; width: 100%; height: 100px; margin: 3px 0 0 0; padding: 0 0; background-size: contain; background-repeat: no-repeat; background-position: center top; }
a.catLink h3 { margin: 5px auto; padding: 0; line-height: 1.2em; font-size: 14px; Ztext-transform: uppercase; font-weight: normal; color: #333333; text-decoration: none; }

a.catLink:hover { text-decoration: none; }
a.catLink:hover h3 {text-decoration: none; color: #000000; }













/*** ITEM LIST ***/
td#lstTempl {padding: 20px 0 ; position: relative; width: 100%;   }

#lstCont    {margin: 10px auto; padding: 0 8px; position: relative; width: 100%; max-width: 1100px; }
#lstCont h1 { margin: 0 0 10px 10px; padding: 0; line-height: 1.3em; font-size: 20px; text-transform: uppercase; font-weight: normal; }
#lstCont #lstImg { padding: 0 10px;  }
#lstCont #lstImg img {max-width: 710px; width: 100%; margin: 0 auto 10px auto; }
#lstCont #lstDesc { }
#lstDiv     {margin: 0 auto; padding: 0; position: relative; width: 100%; max-width: 1100px; }
table#lstCells { }

.lstCell { max-width: 380px;  border: solid #DDDDDD 1px; padding: 8px;}
.lstCell.over {border: solid #666666 1px;}
.lstDiv  { width: 100%; max-width: 410px; padding: 0; margin: 0 auto 0 auto; background: #ffffff;}
.lstDiv a {text-decoration: none;}
.lstDiv a h2 { margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 1.2em; font-size: 15px; text-transform: uppercase; font-weight: normal; color: #111111; text-decoration: none;}
.lstDiv a .lstImg {display: inline-block; width: 40%; height: 180px; margin: 3px 0 0 0; padding: 0 0; background-size: contain; background-repeat: no-repeat; background-position: center top;  }
.lstDiv a:hover {text-decoration: underline; }
.lstDiv a:hover h2 {text-decoration: underline; color: #000000; }

.lstRight {width: 58.5%; display: inline-block; vertical-align: top;  padding:  0 0; margin: 0;     }
.lstInfo {}
.lstInfo div {font-size: 12px; padding:0 5px; margin: 0 0 5px;font-weight: bold; }
.lstInfo div span {font-weight: normal; font-size: 13px; }
.lstInfo div span.grade {font-weight: normal; font-size: 11px; }
.lstPrice {font-size: 14px; line-height: 1.2em; padding: 5px 5px; font-weight: bold;}
.lstPrice .retailPrice {display: none; font-size: 12px; line-height: 1.2em; }
.lstPrice .hasRetail .retailPrice {display: block; margin-bottom: 5px; }
.lstPrice span.our {display: none; font-size: 14px; line-height: 1.2em;    }
.lstPrice .hasRetail span.our {display: inline; }	
.lstAddDiv {clear: both; padding: 10px 5px; }
.lstAddDiv table.addCartTbll {width: 100%; max-width: 200px; margin: 0 auto 0; }
.lstAddDiv td.addQty {width: 36px; }
.lstAddDiv input.qtyInpt {margin: 0px 6px 0 0; text-align: center; font-size: 16px; line-height: 1em; }
.lstAddDiv input.qtyInpt  {width: 30px; height: 28px; padding: 3px 2px; border: solid #DDDDDD 1px;  background-color: inherit; color: #111111; }
.lstAddDiv td.addBtn {width: calc(100% - 30px); }
.lstAddDiv a.addLink {display: block; width: 90%; height: 28px; line-height: 26px; padding: 0; margin: 0 auto; border-radius: 4px; border: solid #417ea9 1px; }
.lstAddDiv a.addLink {background-color: #13254B; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 14px; }
.lstAddDiv a.addLink:hover {text-decoration: none; background-color: #2c51a1;} 
.lstAddDiv input.qtyInpt.adding { border-color: #990000; color: #990000;  }
.lstAddDiv a.addLink.adding, .lstAddDiv a.addLink.adding:hover { border-color: #990000; background-color: #990000; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#990000));
	background-image: -webkit-linear-gradient(top, #990000, #990000);
	background-image: -moz-linear-gradient(top, #990000, #990000);
	background-image: -ms-linear-gradient(top, #990000, #990000);
	background-image: linear-gradient(top, #990000, #990000);
 }
.lstAddDiv input.qtyInpt.added { border-color: #FFFFFF; font-weight: bold;  color: #0d8020}
.lstAddDiv a.addLink.added, .lstAddDiv a.addLink.added:hover {}
.lstAddDiv a.addLink.added, .lstAddDiv a.addLink.added:hover{ border-color: #0d8020;
	background-color: #0d8020;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0d8020), to(#0d8020));
	background-image: -webkit-linear-gradient(top, #0d8020, #0d8020);
	background-image: -moz-linear-gradient(top, #0d8020, #0d8020);
	background-image: -ms-linear-gradient(top, #0d8020, #0d8020);
	background-image: linear-gradient(top, #0d8020, #0d8020);
}

.lstAddDiv.out {color: red; font-weight: bold; font-size: 16px; text-align: center; }

.lstDiv .lstDesc{ width: 96%; font-style: italic; font-size: 11px; line-height: 1.4em; color: #765946; text-align: center; margin: 0 auto; }

/* info item cell in search results */
.lstDiv a.moreLink {display: block; width: 70%; height: 28px; line-height: 26px; padding: 0; margin: 0 auto; border-radius: 4px; border: solid #417ea9 1px; }
.lstDiv a.moreLink {background-color: #13254B; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 14px; }
.lstDiv a.moreLink:hover {text-decoration: none; background-color: #2c51a1;} 



/* changes for two per row */
#lstCells.w2 .lstCell,#lstCells.twoPerRow .lstCell { max-width: 380px;  max-width: 490px; }
#lstCells.w2 .lstDiv, #lstCells.twoPerRow .lstDiv  { max-width: 410px;  max-width: 520px; }
#lstCells.w2 .lstDiv a .lstImg, #lstCells.twoPerRow .lstDiv a .lstImg { width: 50%;   }
#lstCells.w2 .lstRight  , #lstCells.twoPerRow .lstRight       { width: 48.5%; }

/* NS pagination */
span#resulTs {display: inline-block; padding: 0 8px; }
.nspage td.medtext {}
.nspage td span {}
.nspage td img {margin: 0 8px; }
.nspage td.medtextbold {padding: 0 8px; } 






/*** ITEM DETAIL ***/
#itemTD {width: 100%; padding: 30px 0 0 0;}
#itemDiv {width: 100%; width: 100%; max-width: 1100px; margin: 0 auto;  }

#itemDivLeft {vertical-align: top; display: inline-block; width: calc((100% - 260px) * .36); margin: 0; padding: 0;   }
#itemDivLeftCont {vertical-align: top; width: calc(100% - 20px); margin: 10px;  }
#itemDivMiddle {vertical-align: top; display: inline-block; width: calc((100% - 260px) * .64); margin: 0; padding: 0; }
#itemDivMiddleCont {vertical-align: top; width: calc(100% - 20px); margin: 10px 10px;  }
#itemDivRight {vertical-align: top; display: inline-block; width: 250px; margin: 0; padding: 0; }
#itemDivRightCont {vertical-align: top; width: calc(100% - 22px); margin: 10px 0 10px 10px; border: solid #DDDDDD 1px; }



#itemDivLeft {position: relative; }
#itemDivLeftCont {}
#itemImgDiv {text-align: center; }
#itemImgDiv a {}
#itemImgDiv a img {}
#itemImgDiv #itemMainImg {max-width: 284px; }
figure .mz-loading.shown {display: none; }

#itemThumbs {text-align: center; margin-top: 10px; }
#itemThumbs a {border: 3px solid #f0f2f6; margin: 0 2px 0 2px; display: inline-block; }
#itemThumbs a img {width: 40px; height: 40px;}
#itemVideo {position: absolute; z-index: 2; top: 0; left: 0; padding: 20px 10px 0 10px; height: 380px; background: #FFF; text-align: center; width: 425px;    }
#videoContainer {max-width: 400px; }
#videoClose { position: absolute; top:310px; text-align: center; width: 390px; background-color: #FFF; height: 20px; padding: 5px 0; top: 310px; width: 100%;}
#videoClose, #videoClose a {font-size: 14px; font-weight: bold; color: #666; }
#videoClose a {color: #666}

#itemDiv .itemInfo {}
#itemDiv .itemInfo .author,
#itemDiv .itemInfo .reading { font-size: 14px;  margin: 10px 0; padding: 0 0; font-weight: normal; }
#itemDiv .itemInfo .author span,
#itemDiv .itemInfo .reading span { font-size: 14px; font-weight: bold;  }
#itemDiv .itemInfo .reviews {}

#itemDivMiddle {}
#itemDivMiddle h1 { margin: 0 0 10px 0; padding: 0; line-height: 1.3em; font-size: 18px; text-transform: uppercase; font-weight: normal; }
#itemDivMiddle #itemDesc { padding: 0 0px; margin: 15px 0 ; }
#itemDivMiddle #itemDescCont {max-height: 193px; overflow:hidden; position: relative; font-size: 13px; }
#itemDivMiddle #itemDescCont.showall {max-height: none; }
#itemDivMiddle #itemDescCont, #itemDivMiddle #itemDescCont p, #itemDivMiddle #itemDescCont span {font-size: 14px; line-height: 1.4em}
#itemDivMiddle #itemDescCont img {display: none;  }
#itemDivMiddle #itemDesc a#readMore {display: block; padding: 3px 3px 5px 0px; text-decoration: underline; color: #03C; font-size: 15px; line-height: 1em; }
#itemDivMiddle #itemDesc a#readMore:hover {color: #000000; text-decoration: none; }
#itemDivMiddle #itemSpecs {margin: 15px 0 10px 0;}
#itemDivMiddle #itemSpecs ul {margin: 10px 0; padding: 0 0 0 17px;}
#itemDivMiddle #itemSpecs li {font-size: 11px; line-height: 20px; }
#itemDivMiddle #itemSpecs li.No, #itemDivMiddle #itemSpecs li.nonee {display: none; }
#itemDivMiddle #kitIncludes {padding: 0 0 10px 20px; font-size: 12px; line-height: 20px; }




#itemDivRight {}
#itemDivRightCont {padding: 10px; }

#itemPrice {} /*itemPriceCont*/
#itemPriceCont, #itemPriceCont div, #itemPriceCont div#ourPrice span.pricee {font-size: 17px; line-height: 1.2em;    }
#itemPriceCont #retailPrice {display: none; font-size: 14px; line-height: 1.2em; }
#itemPriceCont span.our  {display: none; font-size: 17px; line-height: 1.2em;    }
#itemPriceCont.hasRetail {font-size: 17px; line-height: 1.2em;                   }
#itemPriceCont.hasRetail #retailPrice {display: block; margin-bottom: 8px; }
#itemPriceCont.hasRetail span.our {display: inline; }	
#itemPriceCont.hasRetail #youSave {font-size: 13px; font-style: italic; margin: 8px 0 5px 0; }					

#itemAddDiv { padding: 0; }

#itemAddDiv #itemDownload {margin: 20px auto; padding: 0; text-align: center; }
#itemAddDiv #itemDownload b {display: block; text-align: center; font-weight: normal; }
#itemAddDiv #itemDownload select {margin: 3px 0; }
#itemAddDiv b#fauxMatrixTitle {margin: 20px auto 0 0; padding: 0; display: block; }
#itemAddDiv #fauxMatrixSel {margin: 5px auto 15px auto; padding: 0; max-width: 205px; }


#itemAddDiv table.addCartTbll {width: 100%; max-width: 230px; margin: 10px auto 10px; }
#itemAddDiv td.addQty {width: 36px; }
#itemAddDiv input.qtyInpt {margin: 0px 6px 0 0; text-align: center; font-size: 16px; line-height: 1em; }
#itemAddDiv input.qtyInpt  {width: 30px; height: 30px; padding: 3px 2px; border: solid #DDDDDD 1px;  background-color: inherit; color: #111111; }
#itemAddDiv td.addBtn {width: calc(100% - 30px); }
#itemAddDiv a.addLink {display: block; width: 90%; height: 30px; line-height: 30px; padding: 0; margin: 0 auto; border-radius: 4px; border: solid #417ea9 1px; }
#itemAddDiv a.addLink {background-color: #13254B; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 16px; }
#itemAddDiv a.addLink:hover {text-decoration: none; background-color: #2c51a1;} 

#itemAddDiv input.qtyInpt.adding { border-color: #990000; color: #990000;  }
#itemAddDiv a.addLink.adding, #itemAddDiv a.addLink.adding:hover { border-color: #990000; background-color: #990000; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#990000));
	background-image: -webkit-linear-gradient(top, #990000, #990000);
	background-image: -moz-linear-gradient(top, #990000, #990000);
	background-image: -ms-linear-gradient(top, #990000, #990000);
	background-image: linear-gradient(top, #990000, #990000);
 }
#itemAddDiv input.qtyInpt.added { border-color: #FFFFFF; font-weight: bold;  color: #0d8020}
#itemAddDiv a.addLink.added, #itemAddDiv a.addLink.added:hover{ border-color: #0d8020;
	background-color: #0d8020;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0d8020), to(#0d8020));
	background-image: -webkit-linear-gradient(top, #0d8020, #0d8020);
	background-image: -moz-linear-gradient(top, #0d8020, #0d8020);
	background-image: -ms-linear-gradient(top, #0d8020, #0d8020);
	background-image: linear-gradient(top, #0d8020, #0d8020);
}
#itemAddDiv #itmAddMsg { padding: 5px 10px 5px;  color: #606060; -webkit-transition: color 5s ease-out; transition: color 5s ease-out;}
#itemAddDiv #itmAddMsg.none {display: none;} 
#itemAddDiv #itmAddMsg.umph { font-weight: bold;    
    background-image:none !important; 
        animation: fadeIt 6s ease-in-out; 
}
@keyframes fadeIt {
  0%   { color: #940000}
  70%  { color: #940000}
  100% { color: #333333; }
}
.stuff {font-size: 14px;}


/* Buy Now */
#itemAddDiv a.addLink.now {display: block; width: 96%; height: 30px; line-height: 30px; padding: 0; margin: 20px auto 0 0; border-radius: 4px; border: solid #ec952c 1px; }
#itemAddDiv a.addLink.now {background-color: #ec952c; color: #FFFFFF; font-weight: bold; text-align: center; font-size: 16px; max-width: 240px;   }
#itemAddDiv a.addLink.now:hover {text-decoration: none; background-color: #da7900;} 





#itemAddMsg.nonee {display: none; }
#itemAddMsg {padding: 5px 5px 0 5px;  text-align: center}
#itemAddMsg.out {color: red; font-weight: bold; font-size: 18px; }

#itemStockDiv.nonee {display: none; }
#itemStockDiv {padding: 5px 5px 0 5px;  text-align: center}
#itemStockDiv span {font-weight: normal; display: inline-block; text-align: center}
#itemStockDiv span.instock {color: green; }
#itemStockDiv span.low {color: orange; font-weight: bold; }
#itemStockDiv span.low.custom {font-weight: normal;}
#itemStockDiv span.outstock {color: red; font-weight: bold; }
#itemStockDiv span.outstock.custom {font-weight: normal;}
#itemStockDiv span.outstock.kit {font-size: 11px; color: green; }
#itemStockDiv span.kitlist {font-size: 10px; color: #111111; }
kbd.nonee {}

#itemShare {margin: 20px 0 0 0; padding: 0; text-align: left; }
#itemShare span {}
#itemShare span a {display: inline-block; margin: 0 6px; height: 25px; }
#itemShare span a img {width: 24px; opacity: 0.8; }
#itemShare span a:hover img {opacity: 1; }
#itemShare span.tell-a-friend {}
#itemShare span.faceboo {}
#itemShare span.pinterest { }
	
#itemAwards {vertical-align: top; width: calc(100% - 20px); margin: 30px 0 10px 10px;  text-align: left; }
#itemAwards b {}
#itemAwardsCont {font-size: 11px; padding: 0 10px 10px 10px; }
#itemAwardsCont img {margin: 5px auto; width: 120px; }
#itemAwardsCont p {font-size: 11px; }

#itemDescDiv {margin: 50px 15px 0 15px }
#itemDescDivCont {padding: 0 10px; }
#itemDescDivCont h2 {text-align: left; padding: 5px 0 10px ; margin: 0; font-size: 24px; }
#itemDescDivCont div {}
#itemDescDivCont p {}
	
#itemReviewsDiv {margin: 50px 15px 0 15px }
#itemReviewsDivCont {padding: 0 10px; }
#itemReviewsDivCont h2 {text-align: left; padding: 5px 0 5px; margin: 0; font-size: 24px; }
#itemReviewsDivCont table.crv_table {margin: 0px 10px 0 10px}
#itemReviewsDivCont table.crv_table th {display: none; }
#itemReviewsDivCont table.crv_table td {line-height: 1.3em; padding: 10px 0 0 2px; vertical-align: top; }
#itemReviewsDivCont table.crv_table td.crv_col_2 {padding: 10px 10px 0 10px} 
#itemReviewsDivCont #readMore {padding: 15px 0 10px 95px; display: block; color: #03C; text-decoration: underline; }
#itemReviewsDivCont #readMore:hover {text-decoration: none; }

#itemReviewsDivCont a#writeReview { display: inline-block; width: 150px; text-align: center; padding: 8px 10px; line-height: 1.2em; text-align: center; margin: 5px auto 20px 10px; font-size: 14px; color: #FFFFFF; border: solid #737373 1px; background-color: #737373; }
#itemReviewsDivCont a#writeReview:hover { color: #FFFFFF; border: solid #545454 1px; background-color: #545454;  text-decoration: none  }




#itemReviewsDivCont #crv_savereviews {display: none; padding: 10px 0 20px 60px; }
#itemReviewsDivCont #crv_savereviews div.crv_write a:nth-of-type(1) {display: none;  }

#itemReviewsDivCont #crv_savereviews #crv_display_write_from {}
#itemReviewsDivCont #crv_savereviews #crv_display_write_from .crv_stars label {width: 80px; }
#itemReviewsDivCont #crv_savereviews #crv_display_write_from .crv_wrap_box {margin: 15px 0 0 0; }
#itemReviewsDivCont #crv_savereviews #crv_display_write_from .crv_wrap_box label {width: 80px; }
#itemReviewsDivCont #crv_savereviews #crv_display_write_from .crv_wrap_box input,
#itemReviewsDivCont #crv_savereviews #crv_display_write_from .crv_wrap_box textarea {width: 100%; max-width: 260px; padding: 3px; }

#itemReviewsDivCont button.crv_input_submit {display: inline-block; width: 150px; text-align: center; padding: 8px 10px; line-height: 1.2em; text-align: center; margin: 5px auto 10px 10px; font-size: 14px; color: #FFFFFF; border: solid #737373 1px; background-color: #737373; }
#itemReviewsDivCont button.crv_input_submit:hover { color: #FFFFFF; border: solid #545454 1px; background-color: #545454;    }





#fixedBox {position: fixed; top: 0; left: 0; right: 0; width: 100%; padding-right: 25px; box-shadow: rgba(0, 0, 0, 0.0980392) 3px 3px 3px; z-index: 300; overflow: hidden; display: none; background-color: #ffffff; left: 4px; right: 4px; width: calc(100% - 8px);}
#fixedBox #rightDiv {float: right; padding: 6px 0 0 0; margin: 6px 0 15px 0;             }
#fixedBox #rightDiv a#fixedToCart {display: inline-block; text-align: center;      width: 112px; height: 27px;}
#fixedBox #rightDiv a#fixedToCart { color: #FFFFFF; background-color: #13254B; font-size: 16px; padding: 5px 5px; border-radius: 4px; margin: 0 auto;} 
#fixedBox #rightDiv a#fixedToCart:hover {background-color: #2c51a1; text-decoration: none; color: #FFFFFF;}
#fixedQty {padding-right: 15px; color: #333333; display: inline-block; margin: 4px 0 0 0; vertical-align: top; margin-top: 4px; font-size: 14px;}
#fixedBox #rightDiv #fixedCheckout {display: none; margin: 0 15px 0 0; vertical-align: top}
#fixedBox #rightDiv #fixedCheckout a {text-decoration: none; display: block; font-size: 16px; line-height: 26px; background-color: orange; text-align: center; color: #FFFFFF; padding: 0px 5px 0 5px; width: 112px; height: 27px; font-weight: bold; border-radius: 4px;}
#fixedBox #fixedImageDiv {float: left; margin: 0 15px 10px 25px; padding: 6px 0 0 0; }
#fixedBox #fixedImageDiv img {max-height: 40px; max-width: 40px; width: 100%; }
#fixedBox #centerDiv {padding: 10px 0 0 0;   }
#fixedBox #centerDiv #centerDivTop    {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden !important; overflow-y: hidden !important; font-weight: bold; color: #333333;}
#fixedBox #centerDiv #centerDivBottom {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden !important; overflow-y: hidden !important; }
#fixedBox #centerDiv #centerDivBottom #fixedPrice {display: inline-block; color: #920000; font-size: 12px; }
#fixedBox #centerDiv #centerDivBottom #fixedPrice span, 
#fixedBox #centerDiv #centerDivBottom #fixedPrice span#itmPriceCont {color: #920000; font-size: 12px; }
#fixedBox #centerDiv #centerDivBottom #fixedProdID {display: inline-block; margin-left: 25px; color: #333333;}
#fixedBox #rightDiv.added {}
#fixedBox #rightDiv.added a#fixedToCart,
#fixedBox #rightDiv.added a#fixedToCart:hover{}
#fixedBox #rightDiv.added #fixedCheckout {display: inline-block; }


/* gift certificate item */
#itemDiv.gift .itemInfo .author span, 
#itemDiv.gift #fixedBox .author {display: none; }
#itemDiv.gift #itemPriceCont div#ourPrice span.our,
#itemDiv.gift #itemPriceCont div#ourPrice span.pricee {display: none; }
#itemDiv.gift #itemDivMiddle #itemDesc a#readMore {display: none; }
#itemDiv.gift #itemPriceCont span.enter-amount {display: none; }

#itemDiv.gift #itemPriceCont td.smalltext { font-size: 14px; text-align: center; padding-left: 12px}
#itemDiv.gift input#amount {display: inline-block; margin: 5px 0px 10px 2px; width: 100%; max-width: 150px; border: solid #13254B 1px; font-size: 14px; padding: 3px 2px; }
#itemDiv.gift #addOptions td.smalltextnolink {display: none; }
#itemDiv.gift #addOptions input.inputreq {margin: 5px 0px 5px -5px; width: calc(100% - 2px); border: solid #999999 1px; font-size: 14px; padding: 2px; }
#itemDiv.gift #addOptions textarea#GIFTCERTMESSAGE {margin: 5px 0px 5px -5px; width: calc(100% - 2px);  font-size: 14px; padding: 2px;}







/*** RELATED ITEMS ***/
#relItemDiv { margin: 0; padding: 20px; }
#relTD {}
#relItemCont {}
#relTitle {text-align: left; padding: 5px 0 10px ; margin: 0; font-size: 24px; }
#relCells { }
#relItemDiv code {display: none; }






/*** INFORMATION ITEMS ***/
#infoTempl {padding: 30px 10px; }
#infoDiv {width: 100%; max-width: 1000px; margin: 0 auto;}
#infoDiv h1 {margin: 0 0 10px 0; padding: 0; line-height: 1.3em; font-size: 18px; text-transform: uppercase; font-weight: normal;} 
#infoDiv img {}
#infoCont {}
#infoCont img {}
#infoCont div {}
#infoCont div h2 {font-family: "Times New Roman", Times, serif;  font-size: 24px; margin: 10px; padding: 0; font-weight: bold;}
#infoCont div h3 {font-weight: normal; font-size: 14px; margin: 10px; }
#infoCont p {line-height: 1.4em; color: #111111; }
#infoCont ol {}
#infoCont ul {}
#infoCont li {line-height: 1.2em; color: #111111;}



/***** FOOTER *****/
#footerDiv { height: auto; width: 100%; padding: 5px 0 0; margin: 0 auto; color: #707070; font-size: 12px; border-top: solid #DDDDDD 1px }
#footerDivCont 	{ margin: 0 auto; padding: 0 20px 0 40px;      }
#footerDivCont .footerBox {display: inline-block; vertical-align: top; width: calc(32.8% - 50px); text-align: left; margin: 0; padding: 0; }
#footerDivCont .footerBoxCont {}
#footerDivCont .footerBoxCont h3 {text-transform: uppercase; font-size: 16px; color: #111111; padding: 2px 0 0px 5px; font-weight: normal; }
#footerDivCont .footerBoxCont a {font-size: 13px; line-height: 1em; color: #545454; text-decoration: none; display: block; margin: 0; padding: 5px 0 0 5px; }
#footerDivCont .footerBoxCont a:hover {color: #111111; text-decoration: underline;}


#footerDivCont .footerBox.Right {width: 150px; text-align: center; vertical-align: bottom; padding-bottom: 15px; }
#footerDivCont .footerBox.Right a {display: inline-block; margin: 6px 6px; opacity: 0.8;  }
#footerDivCont .footerBox.Right a img {width: 37.5px; }
#footerDivCont .footerBox.Right a:hover {opacity: 1; }


#footerBottom {width: 100%; text-align: center; margin: 30px 0 0 0; background-color: #5B5B66; }
#footerBottomCont {font-size: 13px; color: #E0E0E0; text-decoration: none; margin: 0 auto; padding: 15px 10px; text-align: right; width: 100%; max-width: 1200px; text-align: center; }
#footerBottomCont span {font-size: 13px; color: #E0E0E0;}






body *.noHandheld {}
body *.noDesktop {display: none; }

/*--------- SCREEN WIDTH CHANGES ------------*/
/* super wide screen */
@media screen and (min-width:1200px) {
	
}
@media screen and (min-width:1080px) and (max-width:1200px) {
	ZZ#hdrTop  {  background-color: #F6F6F6;    }
	
	ZZ#homeBottomCont #homeVideo {margin: 0 15%; padding: 0; }
}
@media screen and (max-width:1080px) {
	ZZ#hdrTop  { background-color: orange;   }	
	
	ZZ#homeBottomCont #homeVideo {margin: 0 10%; padding: 0; }
}
@media screen and (max-width:920px) {
	ZZ#hdrTop  { background-color: pink;   }
	
	
	#itemDiv #itemThumbs a img {width: 34px; height: 34px;}
	
	
	ZZ#homeBottomCont #homeVideo {margin: 0 5%; padding: 0; }
	
}
@media screen and (max-width:880px) {
	
	ZZ#hdrTop  { background-color: #F6F6F6;   }
	
	#hdrLogo {margin-left: calc(50% - 160px); }
	#hdrSearch {display: inline-block; width: 220px; }
	#hdrSearch div.search_box:hover {width: 220px; }
		
	#itemDiv #itemThumbs a {border: 1px solid #f0f2f6; margin: 0 1px 0 1px; }
	#itemDiv #itemThumbs a img {width: 30px; height: 30px;}
	
	
	ZZ#footerBottomCont a { margin-left: 10px; }
	ZZ#footerBottomCont #footerIcons a {margin-right: 5px;}
	
}


@media screen and (max-width:767px) {  /* iPhone 8+ & 8 */ 
	#outerwrapper {padding: 0;}
	body {background-image: none; }
	body *.noDesktop 	{display: block; }
	body span.noDesktop {display: inline; }  
	body *.noHandheld, div.noHandheld {display:none;}
	
	#outerwrapper #div__body.showLeft td#leftTD {display: none; }
	
	/* header */		
	#div__header 	{border-bottom: none;   }
	td#hdrTD {padding: 0; height: auto; }
	header#hdrHeader {padding: 0 0 0px 0; }
	#hdrTop {display: block; min-height: 90px; height: auto; }
	#hdrTop #handMenu {display: inline-block; width: 60px;  margin-top: -4px; }
	#hdrTop #hdrLogo  {display: inline-block; width: calc(100% - 140px); margin: -8px 5px 3px; text-align: center;}
	#hdrLogo a#homeLink img { width: 100%; max-width: 300px; margin: 0 auto;   }
	#hdrTop #hdrCart  {display: inline-block; width: 60px; text-align: right; margin: -4px auto 0 auto; position: relative; }
	#hdrSearch {display: block; position: relative; width: 100%; height: auto; border-top: solid 1px #545454;  border-bottom: solid 1px #545454; top: 0px; left: 0px;   }
	#hdrSearchCont {margin: 0 15px}
	#hdrSearch div.search_box { width: 100%; border: none; padding: 4px 0 4px 0;  transition: none; }
	#hdrSearch div.search_box:hover { width: 100%; border: none; padding: 4px 0 4px 0;  transition: none; }
	#hdrSearch div.search_box a.icon {opacity: 1; }	
	#hdrSearch div.search_box input.search {width: calc(100% - 34px); padding: 2px; height: 30px; font-size: 16px;   }
	
	#hdrShopnowH {float: none; margin: 10px auto 10px auto; text-align: center; }
	#hdrShopnowH.hidee {display: none; }
	#hdrShopnowH a {display: block; width: 130px; padding: 8px; border: solid #13254d 3px; text-align: center; color: #13254d; font-size: 14px; font-weight: bold; text-decoration: none; margin: 0 auto 0 auto;}
	#hdrShopnowH a:hover {color: #FFFFFF; background-color: #13254d; text-decoration: none; }

	
	
	/* home page */
	#homeCarousel .carousel-inner > .item span.title { font-size: 24px; margin: 4% auto 0 auto; line-height: 1.2em;}
	#homeCarousel .carousel-inner > .item span.text  { font-size: 16px; line-height: 1.2em; }
	#homeCarousel .carousel-inner > .item  button    { padding: 8px 12px; margin: 12px auto 0 auto; font-size: 14px; }
	#homeCarousel .carousel-indicators {bottom: 0px; }
	
	#homeTextDiv h3 {padding: 0 8px 10px 8px}
	#homeHistoryDiv h2 {font-size: 32px; }
	#homeHistoryDiv #historyLeft {width: 98%; max-width: 390px; display: block;  padding: 5px 5px 0 20px; margin: 0 auto 0 auto; }
	#homeHistoryDiv i {display: inline-block; padding: 3px 0 0 35px}
	#homeHistoryDiv i span { padding: 2px 0 18px 3px;}

	
	#homeMiddle #homeGradesDiv h2 {font-size: 22px;  }	
	#homeMiddle #homeGradesDiv td div.overlay div.text {padding: 8px 5px 0 5px; }
	#homeMiddle #homeGradesDiv td div.overlay div.text p {font-size: 12px; line-height: 1.3em}
	#homeLstTD div#homeBottomCont #homeVideo {}
	#homeBottomCont #homeContentCont p {display: block; width: 100%; max-width: 1100px; margin: 0 auto; padding: 5px; vertical-align: top; }
	#homeBottomCont #homeVideo  {display: block; width: 100%; max-width: 1100px; margin: 0 auto; padding: 5px; vertical-align: top; }
	#homeBottomCont #homeSignup {display: block; width: 100%; max-width: 1100px; margin: 15px auto 0 auto; padding: 5px; vertical-align: top; }
	#homeBottomCont #homeSignupCont h2 {padding: 5px 0 0px ; font-size: 20px; }
	
	#homeBottomCont #homeSignupCont .mc_embed_signup_scroll {width: 0px !important; overflow: hidden; display: none; }
	#homeBottomCont #homeSignupCont #mc_embed_signup input.email, 
	#homeBottomCont #homeSignupCont #mc_embed_signup input { font-size: 16px; width: 47%; margin: 6px auto 6px auto; border-radius: 0px; display: inline-block; }
	#homeBottomCont #homeSignupCont #mc_embed_signup input.button   { font-size: 16px; width: 45%; margin: 6px auto 6px auto; border-radius: 0px; display: inline-block; padding: 4px 0 3px 0; }
	
	
	/* item detail */
	#itemDivLeft {display: block; width: 100%; margin: 0;    }
	#itemDivLeftCont {vertical-align: top; width: calc(100% - 20px); margin: 10px;  }
	#itemDivMiddle {display: block; width: 100%;  }
	#itemDivMiddleCont {vertical-align: top; width: calc(100% - 20px); margin: 10px 10px;  }
	#itemDivRight {display: block; width: 100%; }
	#itemDivRightCont {vertical-align: top; width: calc(100% - 22px); margin: 10px 0 10px 10px; border: none; }

	#itemDivLeftCont div.itemInfo.noDesktop {margin: 0 0 30px 0; }
	#itemDivMiddle h1 { line-height: 1.3em; font-size: 16px; }
	
	#itemDivLeft #itemVideo { padding: 20px 0 0 0; height: 300px;  width: 320px; }
	#itemDivLeft #videoContainer {max-width: 320px; }
	
	#itemAddDiv a.addLink.now { margin: 20px auto 0 auto; }
	
			
	#itemReviewsDiv {margin: 50px 5px 0 5px }
	#itemReviewsDivCont {padding: 0 5px; }
	#itemReviewsDivCont h2 {padding: 5px 0 5px; font-size: 20px; }
	#itemReviewsDivCont table.crv_table {margin: 0px 5px 0 5px}
	#itemReviewsDivCont table.crv_table td { padding: 10px 0 0 2px;  }
	#itemReviewsDivCont table.crv_table td.crv_col_2 {padding: 10px 4px 0 4px} 
	#itemReviewsDivCont #readMore {padding: 15px 0 10px 75px;  }
	#itemReviewsDivCont #writeReview {padding: 10px 0 20px 8px;  font-size: 16px;  }
	#itemReviewsDivCont #crv_savereviews {padding: 10px 0 20px 60px; }

	/*       */
		
	#fixedBox {padding-right: 5px; }
	#fixedBox #fixedImageDiv {margin: 0 7px 10px 5px;  }
	#fixedBox #rightDiv #fixedQty.noHandheld {display: none;}
	#fixedBox #centerDiv #centerDivBottom #fixedProdID {display: none}
	#fixedBox #rightDiv.added a#fixedToCart {display: none}
	#fixedBox #rightDiv #fixedCheckout {margin: 0; }
	
	/* footer */
	#div__footer 	{height: auto; }
	#footerDiv 		{height: auto; }
	#footerDivCont 	{ margin: 0 auto; padding: 0;      }
	#footerDivCont .footerBoxCont h3 {padding: 15px 0 5px 5px; font-size: 16px; }
	#footerDivCont .footerBox {display: inline-block; width: 49.5%; text-align: left; padding-left: 5px; }
	#footerDivCont .footerBoxCont a  {padding: 8px 0 8px 5px; }
	#footerDivCont .footerBox.Right {display: inline-block; width: 49.5%; text-align: center; padding-left: 0; }
	#footerDivCont .footerBox.Right h3 {padding-left: 20px; }
	#footerBottomCont { padding: 15px 10px 15px 20px; }
	#footerBottomCont span {display: block; text-align: center; }

}
@media screen and (max-width:390px) {  /* iPhone 8 */ 
		
	/* home page */
	#homeCarousel .carousel-inner > .item span.title { font-size: 20px; margin: 4% auto 0 auto; line-height: 1.2em;}
	#homeCarousel .carousel-inner > .item span.text  { font-size: 14px; line-height: 1.2em; }
	#homeMiddle #homeGradesDiv h2 {font-size: 20px;  }
	#homeMiddle #homeGradesDiv a.gradeLink {font-size: 17px;}
	#homeMiddle #homeGradesDiv td div.overlay div.text p {font-size: 12px; line-height: 1.2em}
	
	
	#homeHistoryDiv h2 {font-size: 28px; }
	#homeHistoryDiv #historyLeft { padding: 5px 5px 0 15px; }
	#homeHistoryDiv i { font-size: 16px; }
	#homeHistoryDiv i span {}

	/* footer */
	#footerDivCont .footerBoxCont h3 {padding: 15px 0 5px 5px; font-size: 14px; }	
	
}	
@media screen and (max-width:340px) { /* iPhone SE */
	
	/* header */
	#hdrBanner .header-promotion {font-size: 12px; line-height: 18px}
	

	/* home page */
	#homeCarousel .carousel-inner > .item span.title { font-size: 18px; margin: 4% auto 0 auto; line-height: 1.2em;}
	#homeCarousel .carousel-inner > .item span.text  { font-size: 14px; line-height: 1.2em; }
	{ padding: 6px 10px; margin: 8px auto 0 auto;}
	#homeCarousel .carousel-indicators {bottom: -33px; }

	#homeMiddle #homeGradesDiv h2 {font-size: 18px;  }
	#homeMiddle #homeGradesDiv a.gradeLink {font-size: 15px;}
	#homeMiddle #homeGradesDiv td div.overlay div.text {padding: 5px 4px 0 4px; }
	#homeMiddle #homeGradesDiv td div.overlay div.text p {font-size: 11px; line-height: 1.2em}
	
	#homeHistoryDiv h2 {font-size: 22px; }
	#homeHistoryDiv #historyLeft { padding: 5px 5px 0 13px; }
	#homeHistoryDiv i { font-size: 14px; }
	#homeHistoryDiv i span { font-size: 12px}

	/* footer */
	#footerDivCont .footerBoxCont h3 {padding: 15px 0 5px 5px; font-size: 11px; }	
	#footerDivCont .footerBox {width: 48%; }
	#footerDivCont .footerBox.Right {width: 48%; }
	#footerDivCont .footerBox.Right a.ga  {margin: 0 0 0 20px; }
	#footerBottomCont, #footerBottomCont span {font-size: 11px; }	
}






















@media screen and (max-width:880px) {

	#homeMiddle {padding: 0 10px; }
	#homeContent h3 {font-size: 18px; }	
}
@media screen and (max-width:767px) {  /* iPhone 8+ */ 

	/* home page */
	#homeCarousel .carousel-inner>.item>a>img.noDesktop, #homeCarousel .carousel-inner>.item>img.noDesktop   {display: block;}
	#homeCarousel .carousel-inner>.item>a>img.noHandheld, #homeCarousel .carousel-inner>.item>img.noHandheld {display: none;}
	#homeCarousel .carousel-inner > .item a {display: block; position: relative; }

	#homeMiddle {padding: 0 0; }
	#homeContent div.homeContDiv {margin: 20px 20px; width: calc(100% - 44px); display: block; vertical-align: top; }
}


@media screen and (max-width:495px){  /* iPhone 8 */ 
	Z#homeContent {background: pink; }
	
	/* home page */
	#homeContent div.homeContDiv {margin: 20px 10px; width: calc(100% - 24px);  }
}
	
@media screen and (max-width:340px){  /* iPhone SE */

	/* home page */
	ZZ#homeLstDiv  { background-color: orange;   }

	#homeBottom #homeGradeDiv h2 {font-size: 18px;  }
	#homeBottom #homeGradeDiv a.gradeLink { font-size: 14px; line-height: 210px; }	
}		





AGSbutton a:link, a.AGSbutton {
	display: block;
	width: 260px; 
	padding: 8px; 
	border: solid #13254d 3px !important; 
	text-align: center; 
	color: #13254d !important; 
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none;
	ZZZbackground-color: #535d4e; 
}
AGSbutton a:hover, a.AGSbutton:hover {
	color: #FFFFFF !important; 
	background-color: #13254d; 
	text-decoration: none;
}


/* -- start of accordion */
.accordionAGS {
  background-color: #16254e;
  color: #FFF;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
*/  --- end of accordion */

*/  --- beginning of homepage lit pack flexing divs */
#flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px black solid;
    margin: 0 auto;
}

.flex-item {
    width: 360px;
    height: 210px;
    border: 1px black solid;
    background: #369;
}

*/  --- end of flexing divs */



.Farquar a:link, a:visited {
color: red;
}

.Farquar a:hover {
color: green;
}

.button {
padding: 5px;
backgournd-color: red;
}