/* BODY FONT AND SIZE */
html, body, div, td, nav, section {
/* font-family: 'Arial', ' Helvetica', sans-serif;
font-size: 10pt;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, footer, header, menu, nav, section {
display: block;
}
body {
color: #000000;
background-color: #FFFFFF;
background-image: url("images/fw/background_yellow_tile.png");
margin: 0;
padding: 0;
height: 100%;
min-width: 320px;
}
#header > img {
position: absolute;
}
html {
height: 100%;
}
div, div:before, div:after, section, section:before, section:after {
margin: 0;
padding: 0;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sb_grid::after {
clear: both;
content: "";
display: block;
visibility: hidden;
}
.sb_grid {
display: table;
text-align: center;
}
#wrapper {
position:relative;
width:1014px;
margin:0 auto;
background:url(images/fw/paper_background_middle_yellow.jpg) center top repeat-y;
overflow:hidden;
padding-bottom: 150px;
min-height: 1175px;
}
#gtc-mobile-menu, #mobile-search-box, #gtc-mobile-home-menu, #mobile-scientific-name {
display: none;
}
.cartsearchbox {
z-index: 99;
position: absolute;
right: 43px;
top: 35px;
padding-bottom: 4px;
border-bottom: 5px solid rgba(65, 42, 25, 0.6);
}
.cartsearchbox div {
color: #fdefdf;
display: inline-block;
margin-right: 10px;
padding-top: 2px;
}
.cartlinks a {
text-shadow: 0 1px 4px #333;
color: #fdefdf;
font-family: American Typewriter, monospace, serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
.cartlinks a:hover {
color:#efae1f;
}
.cartlinks a img {
vertical-align:middle;
}
.search_form {
float:right;
}
.search_form input {
margin-left: 1px;
}
#nav {
background:url(images/fw/menu_long.png) bottom no-repeat;
position:absolute;
top:0px;
width:208px;
padding-top:24px;
padding-bottom:145px;
left:32px;
z-index:99;
}
#index-nav, #home-nav {
display: none;
}
#nav ul {
/* to not wrap margin:10px 0 0 20px;
width:175px; */
margin:10px 0 0 28px;
width:150px;
padding:0;
}
#nav li {
list-style:none;
border-bottom:#fbface 1px solid;
color:#ebf076;
font-family:American Typewriter, monospace, serif;
font-weight:bold;
font-size:15px;
text-align:center;
padding:5px 0;
}
#nav a {
text-decoration:none;
display:inline-block;
color:#ebf076;
}
#index-nav a {
display:block;
}
#nav a:hover {
color:#fbfbe3;
}
#nav a.sel_ {
color:#fbfbe3;
}
.sbnav_vertical ul li ul {
display:none;
}
p.first:first-letter {
font-size:48px;
font-family:Apple Chancery;
line-height:22px;
}
#main .cta {
font-family:Apple Chancery;
font-size:24px;
}
#home {
position:relative;
top: 45px;
margin:0 65px 0 245px;
font-family:Arial, sans-serif;
color:#4a3e32;
min-height:850px;
font-size:17px;
z-index:99;
}
#mobile-header-1, #mobile-header-2 {
display: none;
}
#home-tag {
position:relative;
top: 100px;
z-index:99;
}
#main {
position:relative;
top: 110px;
margin:0 30px 0 245px;
font-family:Arial, sans-serif;
color:#4a3e32;
min-height:850px;
z-index:5;
}
#main > p {
font-size:17px;
color: #fbfbe3;
text-shadow: 2px 2px 2px #333;
}
#main h1 {
color: #fbfbe3;
font-family: britannic bold;
font-size: 48px;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
text-shadow: 0 3px 5px #333;
}
#main > h2 {
font-size:20px;
font-style:normal;
margin:-15px 0 10px;
}
#header-img-skip {
margin-top: 260px;
}
.center-text {
text-align:center;
}
.hgroup {
background:url(images/fw/home_mainimage.png) no-repeat;
width:757px;
height:474px;
text-align:center;
margin-left: -18px;
z-index:99;
}
#mobile-home-headers {
display:none;
}
.hgroup h1 {
padding-top:48px;
margin-bottom:0px;
font-family:britannic bold;
font-weight:normal;
font-size:73px;
line-height:75px;
color:#fbfbe3;
width:700px;
text-shadow:#333 0px 3px 5px;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333');
}
.hgroup h2 {
margin:4px 0 0 0;
font-family:britannic bold;
font-weight:normal;
font-size:30px;
color:#fbfbe3;
text-shadow:#333 2px 2px 2px;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333');
}
.hgroup h3 {
margin:10px 0 0 0;
font-family:britannic bold;
font-weight:normal;
font-size:20px;
color:#f7b832;
font-style:italic;
text-shadow:#333 2px 2px 2px;
}
#hpfeat {
font-family: Britannic Bold;
font-size:22px;
text-align:center;
}
#hpfeat a {
text-decoration:none;
color:#4a3e32;
}
#hpfeat a:hover {
color:#c88d0d;
}
#cat-description {
font-family: Britannic Bold;
font-size: 17px;
}
#deco-bg #cat-description {
font-family: Britannic Bold;
font-size: 16px;
z-index: 1;
padding: 0 10px;
margin: 0 auto 30px;
width: 90%;
}
#cat-description p:first-child::first-letter {
font-family: Apple Chancery;
font-size: 48px;
line-height: 22px;
}
#content-bottom {
width:100%;
background:url(images/fw/paper_background_bottom_yellow.jpg) no-repeat center bottom;
height: 600px;
margin-top: -400px;
position: relative;
}
#content-bottom nav.sbnav_horizontal {
bottom: -520px;
position: relative;
}
#footer {
width:100%;
background:brown url(images/fw/footer_bkgrnd.png);
font-family:Arial, sans-serif;
font-size:14px;
line-height:18px;
color:#c96;
margin-top:20px;
overflow:hidden;
}
#footer a:link, #footer a:visited {
color:#c96;
text-decoration:none;
}
#footer a:hover, #footer a:active {
color: #fbfbe3;
}
#stitches {
background:url(images/fw/footer_stitches.png) repeat-x center 0px;
width:100%;
height:20px;
}
#footer .sbnavlist {
width:1014px;
margin: 50px auto 20px auto;
-webkit-column-count:5;
-moz-column-count:5;
-ms-column-count:5;
-o-column-count:5;
column-count:5;
-webkit-column-gap:15px;
-moz-column-gap:15px;
-ms-column-gap:15px;
-o-column-gap:15px;
column-gap:15px;
columns:5;
}
#footer .sbnavlist ul {
list-style: none;
margin:0;
padding:0;
}
#footer .sbnavlist > ul > li {
display: inline-block;
width: 100%;
margin-bottom:30px;
}
#footer .sbnavlist ul li a.catcolor {
font-weight:bold;
border-bottom: 1px solid #4a3e32;
display:block;
}
#footerlinks {
font-size: 8pt;
text-decoration: none;
width:1014px;
text-align:right;
margin: 0 auto 5px auto;
}
#slogan {
font-family:britannic bold;
font-weight:normal;
font-size:20px;
font-style:italic;
color:#f6cb70;
text-shadow:#333 2px 2px 2px;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');
}
.orderframe iframe {
width: 100%;
height: 100%;
min-height: 3000px;
}
#deco-bg-top {
background: rgba(0, 0, 0, 0) url("images/fw/background_detail_paper_top.png") no-repeat scroll center bottom;
height: 215px;
width: 100%;
position: absolute;
top:-30px;
}
#deco-bg-bottom {
background: rgba(0, 0, 0, 0) url("images/fw/background_detail_paper_bottom.png") no-repeat scroll center bottom;
height: 215px;
width: 100%;
position: absolute;
bottom:-30px;
}
#deco-bg {
background: rgba(0, 0, 0, 0) url("images/fw/background_detail_paper_middle.png") repeat scroll center 0;
overflow: visible;
position: relative;
top: 30px;
padding-top: 30px;
margin-bottom: 90px;
padding-bottom: 40px;
min-height: 210px;
}
#email-friend {
padding: 0 50px;
position: relative;
text-align: right;
top: 10px;
}
#email-friend a {
color: #fbe6c1;
font-family: arial,sans-serif;
font-size: 13px;
}
#scientific-name {
font-size: 20px;
font-style: normal;
margin: 0px 0 10px;
color: #fbfbe3;
font-family: britannic bold;
font-weight: normal;
text-shadow: 2px 2px 2px #333;
}
#compass-img {
float: right;
margin: 5px;
}
img {
border: 0;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
strong {
font-weight: bold;
}
.underline {
text-decoration: underline;
}
/* ANCHOR STYLES */
a {
color: #000000;
}
a:hover {
color: #000000;
}
/* ALIGNMENTS */
.aleft {
text-align: left;
}
.acenter, .formcenter, .center {
text-align: center;
}
.aright {
text-align: right;
}
/* SMALL FONT SIZE */
.smfont {
font-size: 8pt;
text-decoration: none;
}
/* LARGE FONT SIZE */
.lgfont {
font-size: 12pt;
}
#header .lgfont {
display: block;
}
/* BOLD FONT */
.boldtext {
font-weight: bold;
}
/* ACCENTED FONT */
.accent {
font-style: italic;
}
/* HIGHLIGHT TEXT */
.highlighttext {
color: #000000;
font-weight: bold;
}
/* ACCENT TEXT */
.accenttext {
color: ;
font-weight: bold;
}
/* ADDED STYLES */
.twocolumn {
overflow: hidden;
}
.twocolumn div {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
width: 42%;
margin: 0 2% -200px 2%;
padding: 1% 2% 200px 2%;
}
.paddtop {
padding-top: 20px;
}
/* HEADER FONT COLOR */
.header {
color: #000000;
font-weight: bold;
font-size: 24pt;
}
/* CELL COLOR FOR ACCENTS */
.accentcell {
background-color: ;
}
/* TABLE BORDER FOR ACCENTS */
.accenttable {
border: 1px solid ;
border-collapse: collapse;
}
/* EMAIL ITEM LINKS */
a.emailitem {
display: block;
margin: 10px 0;
color: #2A261F;
}
/* EMAIL FRIEND LINK */
.emailcolor {
color: #2A261F;
}
a.emailitem:hover, .emailcolor:hover {
color: #2A261F;
}
/* ENVELOPE BASE */
.envelope {
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
height: 20px;
width: 30px;
background-color: #FFFFFF;
border: 1px solid #999999;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
overflow: hidden;
}
/* BOTTOM/TOP FLAP - COMMON */
.envelope:before, .envelope:after {
content: '';
position: absolute;
left: -1px;
height: 30px;
width: 30px;
background-color: #FFFFFF;
transform: rotate(45deg);
}
/* BOTTOM FLAP */
.envelope:before {
top: 10px;
box-shadow: -2px -2px 0 0 #BBBBBB;
}
/* TOP FLAP */
.envelope:after {
bottom: 11px;
box-shadow: 2px 2px 2px 0 #999999;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.optionbox {
padding: 10px;
max-width: 400px;
text-align: center;
margin: auto;
}
.optionbox label.mainopt {
display: block;
padding: 5px 0;
}
.optbox {
text-align: left;
}
.colorblock {
height: 25px;
width: 25px;
padding: 2px;
display: inline-block;
*display: inline;
*zoom: 1;
text-align: center;
vertical-align: middle;
margin: 1px;
border: 1px solid #494949;
background-repeat: no-repeat;
background-position: center;
background-image: none;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
cursor: pointer;
}
.colorblock input[type='radio'] {
visibility: hidden;
}
/* PAGE LIST */
.pagedisplay {
text-align: center;
}
.pagedisplay span, .pagedisplay li.pgsel a, .pagedisplay li.pgsel a:hover {
font-weight: bold;
}
.pagedisplay ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.pagedisplay li {
display: inline-block;
zoom: 1;
*display: inline;
margin: 0 3px;
}
.pagedisplay li + li:before {
content: " | ";
padding: 0 3px;
}
/* POP UPS */
#popupoverlay {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0, 0.6);
text-align: center;
}
#popupoverlay #popimginner {
max-width: 900px;
margin: auto;
height: 98%;
overflow-y: auto;
}
#popupoverlay img.popupimg {
background-color: #FFFFFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
z-index: 2;
box-shadow: 0 0 10px rgba(0,0,0, 0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.6);
margin-top: 20px;
min-width: 50px;
min-height: 50px;
max-width: 96%;
max-height: 96%;
}
#popupoverlay #poppcontent {
position: relative;
background-color: #FFFFFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0, 0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.6);
width: 500px;
height: 100%;
max-width: 94%;
max-height: 90%;
padding: 1%;
margin: 20px auto;
text-align: left;
}
#poppcontent #poppinner {
height: 100%;
overflow-y: auto;
}
.pop_pg {
color: #2A261F;
}
.pop_pg:hover {
color: #2A261F;
}
#popupoverlay .closex {
display: inline-block;
*zoom: 1;
*display: inline;
padding: 0;
border-radius: 1em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
cursor: pointer;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 30px;
height: 25px;
width: 25px;
line-height: 25px;
text-align: center;
vertical-align: middle;
border: 1px solid #888888;
background-color: #AAAAAA;
color: #FFFFFF;
z-index: 1;
}
#popupoverlay .closex:before {
content: "\00d7";
}
#popupoverlay #popimginner .closex {
margin-left: -15px;
margin-bottom: 5px;
}
#popupoverlay #poppcontent .closex {
position: absolute;
top: -10px;
right: -10px;
z-index: 999;
}
section.mainwrap .sb_gallery_zoom a {
display: inline-block;
*display: inline;
*zoom: 1;
}
section.mainwrap .sb_gallery_zoom img {
max-height: 50px;
max-width: 50px;
}
/* PRODUCT LAYOUTS */
.product-detail {
text-align: center;
}
.product-detail div.product {
display: block;
text-align: left;
word-wrap: break-word;
}
.product-detail div.product-vars {
margin: 0 auto;
text-align: left;
display: inline-block;
*display: inline;
*zoom: 1;
word-wrap: break-word;
}
.product-single {
position: relative;
padding: 0 50px 0;
overflow: visible;
z-index: 1;
color: #fbe6c1;
font-family: arial,sans-serif;
zoom: 1;
;
}
.product-single:not(.noimg) {
min-height: 173px;
}
.product-single h3, .product-single h3 a {
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
.product-single div.product {
z-index: 2;
word-wrap: break-word;
margin-left: 164px;
}
/* SINGLE LAYOUT WITH NO IMAGES */
.product-single.noimg div.product {
display: block;
margin: 0;
}
.product-single.noimg div.image-holder {
display: none !important;
}
/* GENERAL LAYOUT STYLES */
.product-layout-d:nth-child(2n+1) {
clear: left;
}
div[class^='product-'] div.item-holder, div[class^='product-'] div.item-holder a {
font-weight: bold;
font-size: .9em;
color: #2A261F;
}
.itemcolor {
border-bottom: 1px solid #2a361f;
padding-bottom: 5px;
}
div[class^='product-'] div.item-holder a:hover {
color: #2A261F;
}
.product-info {
clear: both;
padding: 5px;
}
.product-multi {
position: relative;
max-width: 14%;
min-height: 173px;
}
.product-multi, .product-maincat {
height: 280px;
padding: 5px;
vertical-align: top;
*display: inline;
*zoom: 1;
width: 160px;
display: inline-block;
min-width: 174px;
}
.product-detail .image-holder {
float: none !important;
padding: 0;
text-align: center !important;
}
.product-single .image-holder {
width: 164px;
float: left;
margin-right: 20px;
}
.product h2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
text-shadow: none;
font-style: italic;
text-shadow: 1px 1px 1px #333;
}
.smallimage1 {
border: 1px solid #563111;
width: 164px;
height: 163px;
}
.product-single .image-holder img {
max-width: 164px;
max-height: 163px;
}
.product-detail .image-holder img, .product-single .image-holder img {
max-width: 100%;
height: auto;
float: none;
}
.product-multi .image-holder {
padding: 5px 5px 0;
height: 163px;
}
.product-multi .image-holder img, .product-maincat .image-holder img {
width: 164px;
height: 163px;
box-shadow: 0 3px 5px #333;
margin-bottom: 10px;
}
.product-multi .image-holder, .product-maincat .image-holder {
float: none;
width: 100%;
text-align: center;
}
/* MULTI SINGLE */
.product-single.product-multi2, .product-single.product-multi3 {
display: inline-block;
vertical-align: top;
text-align: center;
overflow: hidden;
}
.product-single.product-multi2 {
width: 49%;
}
.product-single.product-multi3 {
width: 33%;
}
.product-single.product-multi2 .image-holder, .product-single.product-multi3 .image-holder {
float: none;
padding: 5px;
margin: auto;
}
.product-single.product-multi2 div.product, .product-single.product-multi3 div.product {
display: block;
margin: 0;
}
/* FORM */
form {
margin: auto;
}
form label:not(.inlinelabel):not(.qtylabel) {
display: block;
margin-bottom: 6px;
}
/*div.label_qty {
text-align: center;
}*/
form label.qtylabel, form label.inlinelabel {
margin-right: 5px;
}
input[type='text'], input[type='password'], input[type='email'], input[type='url'], input[type='date'], input[type='search'], select, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1px 3px;
display: inline-block;
zoom: 1;
*display: inline;
font-size: 10pt;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
height: 23px;
max-width: 300px;
}
.inputpadd {
padding: auto 3px;
margin-bottom: 20px;
}
textarea {
height: 100px;
}
input[type='text'].qtybox {
width: 25px;
min-width: 25px;
}
form.itmsingle {
margin-bottom: 50px;
}
form .searchconditions {
font-size: 12px;
margin: -15px auto 20px;
}
form img.captchaimg, form input[type='text'].captcha {
display: inline-block;
zoom: 1;
*display: inline;
width: 100px;
margin-right: 20px;
}
/* FORM LABELS */
.itemlabels {
padding: 5px;
/* text-align: center;
max-width: 400px;*/
margin: 0 auto;
}
.itemlabels label {
font-style: italic;
}
/* REGULAR (NON SALE) PRICES */
.regprice {
font-size: 1em;
}
.regprice .pricereg {
display: block;
}
/* PRICE STRIKEOUT */
.pricestrike {
display: block;
text-decoration: line-through;
padding-left: 5px;
font-size: .75em;
}
.pricestrike:before {
content: "was ";
}
.itemlabels .pricestrike {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 1em;
}
/* SALE COLOR */
.salecolor, .salelabel {
padding-left: 5px;
color: ;
}
/* ERROR COLOR */
.error {
color: ;
}
/* LIMITED QUANTITIES */
.limitedqty {
text-align: center;
color: ;
}
/* REQUIRED FIELD STAR */
.starrequired:after {
content: "(required)";
font-size: .8em;
vertical-align: middle;
padding-left: 5px;
opacity: 0.6;
filter: alpha(opacity=60);
display: inline-block;
*display: inline;
*zoom: 1;
}
/* ITEM LIST */
.itemdirectory {
width: 100%;
}
.itemdirectory td {
vertical-align: top;
}
.itemdirectory ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.itemdirectory div.pagelist {
padding: 10px;
}
.itemdirectory div.pagelist span, .itemdirectory div.pagelist a, .itemdirectory div.pagelist a:hover {
font-size: .85em;
text-decoration: none;
}
.itemdirectory div.pagelist span.bold {
font-weight: bold;
}
a.sb_arrow, span.sb_arrow {
display: inline-block;
zoom: 1;
*display: inline;
cursor: pointer;
padding: 0 3px;
font-size: 1.1em;
}
span.sb_arrow {
opacity: .4;
filter: alpha(opacity=40);
}
/* GRID SETUP */
/*.sb_grid {
max-width: 100%;
}*/
.sb_unit {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
/* Clearfix */
overflow: hidden;
*overflow: visible;
}
/* CATEGORY (MAIN PG) LINK */
.product-maincat a {
color: #000000;
text-decoration: none;
display:block;
}
.product-maincat a:hover {
color: #000000;
}
/* PAGE LINK */
.sel_pagelinkcolor, .sel_viewalllink {
font-weight: bold;
}
/* FEATURED ITEMS */
.featureditems {
display: block;
margin: 10px auto 30px;
}
.featureditems img {
max-height: 163px;
max-width: 164px;
height: auto;
width: auto;
}
.featureditems a {
color: #2A261F;
}
.featureditems a:hover {
color: #2A261F;
}
/* RELATED ITEMS */
div.relateditems {
clear: both;
display: block;
width: 100%;
}
div.relateditems div.relatedmsg {
margin: 30px 0 10px;
}
ul.relateditems {
list-style-type: none;
display: block;
text-align: center;
padding: 0;
margin: 10px;
}
ul.relateditems li {
padding: 5px;
}
.relateditems a {
color: #2A261F;
}
.relateditems a:hover {
color: #2A261F;
}
/* DRILL DOWN LINK */
a.drilldown {
color: #000000;
}
a.drilldown:hover {
color: #000000;
}
/* VIEW CART LINK */
.cartcolor {
color: #000000;
}
.cartcolor:hover {
color: #000000;
}
/* PARAGRAPH LAYOUT FOR CATALOG PRODUCTS */
.p_layout {
margin-top: 10px;
margin-bottom: 10px;
}
/* GALLERY IMAGES */
div.galleryimages ul {
display: block;
width: auto;
margin: 0 auto;
padding: 0;
}
div.galleryimages ul li {
display: inline-block;
zoom: 1;
*display: inline;
margin: 3px;
}
div.galleryimages ul li img:not(.active) {
border: 2px solid #FFFFFF;
}
div.galleryimages ul li img.active {
border: 2px solid #333333;
}
.galhide {
display: none !important;
}
div[class^='sb_main_'] ul {
list-style-type: none;
text-indent: 0;
}
div[class^='sb_main_'] hr {
background-color: #FFFFFF;
color: #FFFFFF;
height: 1px;
border-top: 1px dotted ;
margin: 25px auto 50px;
opacity: 0.5;
filter: alpha(opacity=50);
}
div[class^='sb_main_'] input[type='text'], div[class^='sb_main_'] input[type='url'], div[class^='sb_main_'] input[type='email'], div[class^='sb_main_'] input[type='password'], div[class^='sb_main_'] select, div[class^='sb_main_'] textarea, div[class^='product-'] input[type='text']:not(.qtybox), div[class^='product-'] select, div[class^='product-'] textarea {
max-width: 400px;
text-align: left;
}
/* SEARCH/DIRECTORY */
.sb_main_search input[type='text'], .sb_main_search select, .sb_main_search input[type='text'], .sb_main_search select {
max-width: 300px;
}
.sb_main_sitesearch input[type='submit'] {
display: block;
margin: 10px auto 0;
}
.directorylist {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.directorylist ul {
list-style: none;
padding-left: 0;
}
.directorylist > ul > li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
column-break-inside: avoid;
display: table;
}
.directorylist ul li a {
font-weight: normal;
text-transform: none;
margin: 0;
}
.directorylist h2, .directorylist ul.catlevels > li > a {
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 10px 0;
display: block;
}
.directorylist h2 {
margin-bottom: -5px;
}
.directorylist ul.catlevels > li > ul > li > a {
font-weight: normal;
text-transform: none;
margin: 0;
}
.socialmedia {
text-align: center;
margin: auto;
padding: 20px 0;
}
.socialmedia>div.insocial {
display: inline-block;
min-width: 50px;
text-align: center;
margin: auto;
}
/* MOBILE STYLES */
@media screen and (max-width: 900px) {
.product-info div.item-holder {
min-width: 100%;
display: block;
text-align: left;
float: none;
}
.product-info .holder {
display: block;
float: none;
}
}
@media screen and (max-width: 800px) {
.product-single.product-multi3 {
width: 49%;
}
}
@media screen and (max-width: 600px) {
.product-single.product-multi2, .product-single.product-multi3 {
width: 99%;
}
}
@media (max-width: 600px){
.product-single div.image-holder {
width: auto;
max-width: 96%;
float: none;
position: relative;
margin: 0 auto;
padding: 0;
text-align: center;
}
.product-single div.product {
margin-left: 0;
}
}
@media screen and (max-width: 550px) {
form {
width: 100%;
}
}
@media screen and (max-width: 800px) {
/* GRID SETUP */
/* .sb_grid {
margin-left: 0;
max-width: none;
}*/
.sb_unit {
width: auto;
margin-left: 0;
display: block;
}
}
@media screen and (max-width: 600px) {
.directorylist {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.twocolumn div {
display: block;
width: 100%;
margin: 0 2%;
padding: 1% 2%;
}
}
@media screen and (max-width: 450px) {
.sb_main_events h3, .sb_main_events h4 {
display: block;
width: 100%;
text-align: left;
}
.directorylist {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.sb_main_weblinks .inlinebox {
overflow: visible;
}
}
@media screen and (max-width: 400px) {
.optionwrap, .itemlabels, .sb_main_affiliates form, .sb_main_certificates form, .sb_main_contact form, .sb_main_guestbook form, .sb_main_registry form, .sb_main_orders form, .sb_main_wholesale form {
max-width: 300px;
}
}
/* NAVIGATION */
nav.sb_hlinks ul {
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
display: block;
}
nav.sb_hlinks ul li {
display: inline-block;
zoom: 1;
*display: inline;
line-height: 2;
white-space: nowrap;
height: auto;
}
nav.sb_hlinks ul li a {
text-decoration: underline;
}
nav[class^='sbnav_'] ul {
list-style-type: none;
}
/* NAVIGATION - VERTICAL LINKS */
.sbnav_vertical ul {
list-style-type: none;
padding: 0;
text-indent: 0;
}
/* NAVIGATION - VERTICAL LINKS (GENERAL) */
.sbnav_vertical ul li a, nav[class^='sbnav_bu'] ul li a {
color: #000000;
}
.sbnav_vertical ul li a:hover, nav[class^='sbnav_bu'] ul li a:hover {
color: #000000;
}
/* NAVIGATION - VERTICAL SUBCATEGORY LINKS */
.sbnav_vertical ul ul li a, nav[class^='sbnav_bu'] ul ul li a {
color: #000000;
}
.sbnav_vertical ul ul li a:hover, nav[class^='sbnav_bu'] ul ul li a:hover {
color: #000000;
}
/* NAVIGATION - VERTICAL END CATEGORY LINKS */
.sbnav_vertical ul ul ul li a, nav[class^='sbnav_bu'] ul ul ul li a {
color: #000000;
}
.sbnav_vertical ul ul ul li a:hover, nav[class^='sbnav_bu'] ul ul ul li a:hover {
color: #000000;
}
.sbnav_vertical ul li.sel>a, nav[class^='sbnav_bu'] ul li.sel>a {
font-weight: bold;
}
.sbnav_vertical img {
width: 100%;
max-width: 100%;
}
/* NAVIGATION - HORIZONTAL */
.sbnav_horizontal li {
display: inline-block;
*display: inline;
*zoom: 1;
margin: auto 15px;
}
.sbnav_horizontal>ul>li>a {
color: #000000;
}
.sbnav_horizontal>ul>li>a:hover {
color: #000000;
}
.sbnav_horizontal>ul>li.sel>a, .sbnav_horizontal>ul>li.sel>a:hover {
font-weight: bold;
}
/* NAVIGATION - VERTICAL AND HORIZONTAL PAGES */
.sbnav_vertical.sb_pages ul li a, .sbnav_horizontal.sb_pages ul li a, nav[class^='sbnav_bu'].sb_pages ul li a {
color: #FDEFDF;
}
.sbnav_vertical.sb_pages ul li a:hover, .sbnav_horizontal.sb_pages ul li a:hover, nav[class^='sbnav_bu'].sb_pages ul li a:hover {
color: #FDEFDF;
}
/* CATEGORY COLOR OVERRIDE */
.sbnav_vertical.sb_pages a.catcolor, .sbnav_horizontal.sb_pages a.catcolor, nav[class^='sbnav_bu'].sb_pages a.catcolor {
color: #000000;
}
.sbnav_vertical.sb_pages a.catcolor:hover, .sbnav_horizontal.sb_pages a.catcolor:hover, nav[class^='sbnav_bu'].sb_pages a.catcolor:hover {
color: #000000;
}
.sbnav_vertical.sb_pages a.subcatcolor, .sbnav_horizontal.sb_pages a.subcatcolor, nav[class^='sbnav_bu'].sb_pages a.subcatcolor {
color: #000000;
}
.sbnav_vertical.sb_pages a.subcatcolor:hover, .sbnav_horizontal.sb_pages a.subcatcolor:hover, nav[class^='sbnav_bu'].sb_pages a.subcatcolor:hover {
color: #000000;
}
.sbnav_vertical.sb_pages a.endcatcolor, .sbnav_horizontal.sb_pages a.endcatcolor, nav[class^='sbnav_bu'].sb_pages a.endcatcolor {
color: #000000;
}
.sbnav_vertical.sb_pages a.endcatcolor:hover, .sbnav_horizontal.sb_pages a.endcatcolor:hover, nav[class^='sbnav_bu'].sb_pages a.endcatcolor:hover {
color: #000000;
}
/* NAVIGATION - BAR */
.sbnav_bar {
text-align: center;
background-color: #CCCCCC;
padding: 0 !important;
}
.sbnav_bar li {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0;
padding: .25em 0 0;
min-height: 2.5em;
text-align: center;
}
.sbnav_bar li a {
color: #000000;
padding: 6px;
margin: 0;
}
.sbnav_bar li:hover {
background-color: #CCCCCC;
}
.sbnav_bar li:hover a {
color: #000000;
}
.sbnav_bar li.sel {
background-color: #CCCCCC;
}
.sbnav_bar li.sel a {
color: #000000;
}
/* NAVIGATION - BULLETS */
.sbnav_bullets img {
max-width: 25px;
max-height: 25px;
margin-right: 5px;
vertical-align: middle;
}
.sbnav_bullets ul {
margin-left: 10px;
padding: 0;
text-indent: 0;
list-style-type: none;
}
.sbnav_bullets li a {
line-height: 25px;
vertical-align: middle;
}
/* NAVIGATION - BUTTON */
.sbnav_buttons ul {
list-style-type: none;
margin: 0;
padding: 0;
text-indent: 0;
}
.sbnav_buttons li {
display: table;
position: relative;
width: 100%;
text-align: center;
}
.sbnav_buttons li a {
width: 100%;
}
.sbnav_buttons .sb_buttonimg {
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
vertical-align: middle;
text-decoration: none;
max-width: 100%;
}
/* NAVIGATION - DROP MENU */
.sbnav_dropmenu {
text-align: center;
background-color: #CCCCCC;
padding: 0 !important;
}
.sbnav_dropmenu li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 5px;
margin: 0;
text-align: center;
}
.sbnav_dropmenu li a {
color: #000000;
display: block;
width: 100%;
white-space: normal;
}
.sbnav_dropmenu li:hover {
background-color: #CCCCCC;
}
.sbnav_dropmenu li:hover>a {
color: #000000;
}
.sbnav_dropmenu ul > li > ul {
display: none;
}
/* subcategory background/border color */
.sbnav_dropmenu ul li:hover > ul {
background-color: #CCCCCC;
}
/* highlighted subcategory background */
.sbnav_dropmenu ul li ul li:hover {
background-color: #CCCCCC;
}
/* highlighted subcategory text */
.sbnav_dropmenu ul li ul li:hover > a {
color: #000000;
}
/* active entry */
.sbnav_dropmenu ul li.sel, .sbnav_dropmenu ul li ul li.sel:hover {
background-color: #CCCCCC;
}
.sbnav_dropmenu ul li.sel > a, .sbnav_dropmenu ul li ul li.sel:hover > a {
color: #000000;
}
/* NAVIGATION - FLY OUT */
.sbnav_flyout ul, .sbnav_flyout ul li {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
max-width: 300px;
cursor: pointer;
text-align: center;
z-index: 9999;
}
.sbnav_flyout > ul {
width: calc(100% - 4px);
}
.sbnav_flyout ul li:hover {
position: relative;
}
.sbnav_flyout ul li a, .sbnav_flyout ul li ul li a {
display: inline-block;
zoom: 1;
*display: inline;
padding: 5px;
}
/* OTHER LEVELS */
.sbnav_flyout ul li ul, .sbnav_flyout ul li:hover ul li ul {
position: absolute;
display: none;
}
.sbnav_flyout ul li:hover ul, .sbnav_flyout ul li:hover ul>li:hover>ul {
display: block;
left: 100%;
}
.sbnav_flyout ul li:hover ul {
top: 0;
}
/* general background color */
.sbnav_flyout ul li, .sbnav_flyout ul li ul li, .sbnav_flyout ul li:hover ul li:hover ul li {
background-color: #CCCCCC;
}
/*general text color */
.sbnav_flyout ul li a, .sbnav_flyout ul li ul li a {
color: #000000;
text-decoration: none;
}
/* hover background - optional */
.sbnav_flyout ul li:hover, .sbnav_flyout ul li ul li:hover, .sbnav_flyout ul li:hover ul li:hover ul li:hover {
background-color: #CCCCCC;
}
/* hover text color - optional */
.sbnav_flyout ul li:hover > a {
color: #000000;
text-decoration: none;
}
/* active category background */
.sbnav_flyout ul li.sel > a {
display: block;
background-color: #CCCCCC;
margin: 0;
padding: 10px;
}
/* active category text */
.sbnav_flyout ul li.sel > a {
color: #000000;
}
/* NAVIGATION - TABLE */
.sbnav_table {
width: 100%;
}
.sbnav_table ul {
list-style-type: none;
margin: 0;
padding: 0;
text-indent: 0;
}
.sbnav_table li {
margin: 5px auto;
padding: 5px;
background-color: #CCCCCC;
text-align: center;
}
.sbnav_table li a {
color: #000000;
text-decoration: none;
}
.sbnav_table li:hover {
background-color: #CCCCCC;
}
.sbnav_table li:hover a {
color: #000000;
}
.sbnav_table li.sel {
background-color: #CCCCCC;
}
.sbnav_table li.sel a {
color: #000000;
}
/* NAVIGATION - TABS */
.sbnav_tabs ul {
display: table;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.sbnav_tabs a {
text-decoration: none;
}
.sbnav_tabs ul li {
display: table-cell;
}
.sbnav_tabs ul li a {
display: block;
line-height: 2.5em;
margin: 0 2px;
padding: 0 1.875em;
text-align: center;
border-bottom: none;
background: #CCCCCC;
color: #000000;
}
.sbnav_tabs ul ul {
display: none;
}
/* OTHER LEVELS */
.sbnav_tabs ul li:hover > ul {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
height: 2.8125em;
margin: 2.5em 0 0;
background: #CCCCCC;
z-index: 99;
}
.sbnav_tabs ul li:hover > ul li a {
display: block;
line-height: 2.8125em;
margin: auto;
padding: 0 10px;
text-align: center;
border: none;
}
.sbnav_tabs ul li:hover > a {
background: #CCCCCC;
color: #000000;
}
.sbnav_tabs ul li.sel>a {
background: #CCCCCC;
color: #000000;
}
/* MOBILE MENU */
ul.mobile-menu {
display: none;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
background-color: #CCCCCC;
}
ul.mobile-menu li {
display: inline-block;
zoom: 1;
*display: inline;
width: 24%;
text-align: center;
cursor: pointer;
font-size: 12pt;
height: 2.5em;
line-height: 2.5em;
vertical-align: middle;
padding: 0;
margin: 0;
}
ul.mobile-menu li, ul.mobile-menu a, ul.mobile-menu a:hover {
text-decoration: none;
color: #000000;
font-size: 12pt;
}
ul.mobile-menu li:hover {
color: #000000;
background-color: #CCCCCC;
}
ul.mobile-menu li:hover a:hover {
color: #000000;
}
@media screen and (max-width: 800px) {
ul.mobile-menu {
display: block;
}
/* NAVIGATION */
.sb_hpages nav.sb_hlinks {
margin-bottom: 0;
display: none;
padding: 0;
}
.sb_hpages nav.sb_hlinks ul {
padding: 0;
z-index: 100;
}
.sb_hpages nav.sb_hlinks ul li {
display: block;
margin: 0;
background-color: #CCCCCC;
text-align: center;
color: #000000;
}
.sb_hpages nav.sb_hlinks ul li a {
display: block;
width: 100%;
vertical-align: middle;
padding: 10px 0;
color: #000000;
}
}
@media screen and (min-width: 800px) {
.sbnav_dropmenu ul li {
min-height: 30px;
background-color: none;
}
.sbnav_dropmenu ul li:hover > ul {
position: absolute;
display: block;
width: 200px;
top: 40px;
left: 0;
z-index: 49;
}
.sbnav_dropmenu ul li:hover ul li > ul {
left: 199px;
top: -1px;
}
.sbnav_dropmenu ul li:hover > ul li {
display: none;
}
.sbnav_dropmenu ul li:hover {
position: relative;
z-index: 99;
}
}
#overwrap, div.sb_hpages, header, footer {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.sb_content {
margin: auto;
display: block;
width: 100%;
}
section.mainwrap {
width: 66%;
padding: 1%;
text-align: left;
}
section.mainwrap img {
max-width: 100%;
height: auto;
}
/* HEADER */
header {
width: 100%;
margin-top: 20px;
}
header .sb_content {
display: table;
height: 100px;
width: 100%;
padding: 1%;
}
header .sb_content .sitelogo {
display: block;
z-index: 0;
}
img.mobile_logo {
display: none;
}
header .sb_content h1 {
display: table-cell;
vertical-align: middle;
padding-left: 25px;
font-weight: bold;
font-size: 32px;
padding-right: 15px;
white-space:nowrap;
}
header .sb_content input {
width: auto;
margin-bottom: 0;
}
header .searchform {
position: absolute;
z-index: 99;
right: 5px;
bottom: 5px;
}
header .viewcartbox {
display: block;
position: absolute;
z-index: 99;
right: 5px;
top: 5px;
}
/* TOP AND BOTTOM BAR */
.sb_hpages {
text-align: center;
}
nav.sb_hlinks {
padding: 3px;
}
/* LEFT SIDEBAR */
.sidebar_left {
padding: 1%;
overflow: hidden;
text-align: left;
width: 20%;
max-width: 300px;
}
.sidebar_left:hover {
overflow: visible;
}
.sidebar_left div {
margin-bottom: 15px;
margin-top: 15px;
}
.sidebar_left div:first-child {
margin-top: 0;
}
.sidebar_left ul li a {
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
}
.sidebar_left .sb_vertical ul {
margin-left: 1em;
}
.sidebar_left .sb_vertical ul:first-child {
margin-left: 0;
}
.sidebar_left .sb_table ul li a img {
max-width: 100%;
}
.sidebar_left .sb_bullets ul li img {
margin-right: .25em;
}
.sidebar_left .sb_buttons li {
background-repeat: no-repeat;
text-align: center;
vertical-align: middle;
line-height: 20px;
background-position: center;
background-size: 100% 100%;
margin-bottom: 5px;
padding: 3px;
}
.sidebar_left .sb_buttons li a {
display: block;
width: 100%;
height: 100%;
}
.sidebar_left input[type='text'] {
width: 70%;
}
/* RIGHT SIDEBAR */
.sidebar_right {
text-align: center;
padding: 1%;
width: 12%;
}
.sidebar_right ul li {
margin-bottom: 40px;
}
.sidebar_right ul li p {
margin-bottom: 0;
}
.sidebar_right .button {
font-size: 14px;
padding: .5em 0;
display: block;
width: 100%;
}
.sidebar_right img {
max-width: 100%;
}
/* FOOTER */
footer {
text-align: center;
padding: 1px 0;
}
@media screen and (max-width: 1200px) {
header {
margin-top: 0;
}
}
/* RESIZE SCREEN SETTINGS */
@media screen and (max-width: 800px) {
header .sb_content h1 {
display: block;
margin: 0;
}
#overwrap {
margin-top: 0;
}
section.mainwrap {
padding: 5%;
width: 100%;
}
header {
padding: 2% auto;
}
header .sb_content {
height: auto;
text-align: center;
}
header .viewcartbox {
display: none;
}
header .sb_content .sitelogo a {
width: 75px;
height: 75px;
margin: auto;
}
header .sb_content .sitelogo {
display: block;
width: auto;
text-align: center;
}
header .sb_content .sitelogo img {
max-width: 98%;
max-height: 98%;
text-align: center;
margin: auto;
}
img.logo_img:not(.mobile_img) {
display: none;
}
// img.mobile_logo, img.mobile_img {
// display: block;
// width: auto;
// text-align: center;
// }
header .sb_content h1 {
display: block;
text-align: center;
height: auto;
padding: 0;
font-size: 22px;
margin-top: 5px;
}
header .searchform {
display: none;
position: relative;
width: 100%;
max-width: inherit;
text-align: center;
padding: 2%;
margin: 0;
}
.sidebar_left {
position: absolute;
z-index: 1;
width: 300px;
padding: 2%;
left: -300px;
transition: all .5s;
height: 0;
}
.sidebar_right {
width: 100%;
text-align: center;
padding: 5%;
}
.sidebar_right ul li {
display: inline-block;
vertical-align: top;
margin: 5%;
}
.sidebar_right .button {
width: 125px;
margin: auto;
}
.sbnav_tabs {
height: auto;
}
.sbnav_tabs ul {
float: none;
}
.sbnav_tabs ul li:hover > ul {
display: none;
}
}
@media screen and (max-width: 500px) {
header .sb_content form {
text-align: center;
}
}
/* THIS IS THE START OF GONDWANALAND MOBILE CSS */
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {*/
@media only screen and (min-width: 768px) and (max-width: 991px){
#header,.sbnav_vertical,#menustitch,#content-bottom,.sbnavlist,#home-tag,.hgroup, #scientific-name {
display: none;
}
#gtc-mobile-menu, #mobile-search-box, #gtc-mobile-home-menu {
display: block;
}
#mobile-search-box {
width: 100%;
background: url(images/fw/footer_bkgrnd.png) repeat scroll 0 0;
padding: 6px 8px;
color: #fdefdf;
}
#mobile-search-box:after {
content: "";
visibility: hidden;
clear: both;
display: block;
}
#mobile-jump-to {
float: left;
width: 48%;
}
#jump-to-label {
font-family: American Typewriter,monospace,serif;
font-weight: 700;
text-shadow: 0 1px 4px #333;
text-transform: uppercase;
padding-bottom: 4px;
padding-top: 2px;
font-size: 1em;
}
#mobile-jump-to .search_form {
float: none;
}
input[type='text'], input[type='password'], input[type='email'], input[type='url'], input[type='date'], input[type='search'], select, textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 1px 3px;
display: inline-block;
*display: inline;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
max-width: 75%;
}
.cartsearchbox {
float: right;
width: 48%;
position: relative;
right: 0;
top:0;
padding-bottom: 0;
border-bottom: none;
}
.cartsearchbox div {
display: block;
margin-right: 0;
padding-bottom: 4px;
padding-top: 2px;
text-align: right;
font-size: 1em;
}
.cartsearchbox .search_form {
float: right;
text-align:right;
}
.cartlinks a {
text-shadow: 0 1px 4px #333;
color: #fdefdf;
font-family: American Typewriter, monospace, serif;
font-size: 1em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#wrapper {
width: 97%;
padding-bottom: 0;
min-height: 0;
}
#home-nav, #index-nav {
background: rgba(0,0,0,0) url(images/fw/menu_long.png) no-repeat scroll center bottom;
padding-bottom: 0;
padding-top: 20px;
position: relative;
top: 0;
width: 208px;
display: inline-block;
float: left;
text-align: center;
height: 245px;
background-position-y: -1285px;
z-index: 10;
}
.mobile_img {
width: 95%;
}
#deco-bg {
margin-top: 0px;
margin-bottom: 100px;
zoom: 1.3;
zoom: 130%;
}
#nav {
display: none;
}
#home {
margin-left: 10px;
margin-right: 10px;
top: 0;
min-height: 0;
padding-top: 20px;
font-size: 1em;
}
#mobile-home-headers {
display:block;
}
#mobile-home-headers h1 {
color: #fbfbe3;
font-family:"britanic", serif;
font-size: 5em;
margin-top: 20px;
margin-bottom: 50px;
text-shadow: 0 3px 4px #333;
text-align:center;
}
#mobile-home-headers h2 {
color: #fbfbe3;
font-family:"britanic", serif;
margin-top:25px;
font-size: 2.85em;
margin-bottom: 30px;
text-shadow: 0 2px 3px #333;
text-align:center;
padding: 6px 8px;
background: url(images/fw/footer_bkgrnd.png) repeat scroll 0 0;
}
#main {
margin: 0;
top: 0;
padding-top: 45px;
min-height: 0;
}
#page-titles {
min-height: 210px;
}
#slogan {
font-size: 2em;
display:block;
}
/* BOOKMARK */
#main h1 {
font-size: 5em;
}
.product-multi,.product-maincat {
height: 240px;
}
#hpfeat {
margin-bottom: 35px;
font-size: 2.5em;
}
.sbnavlist-mobile {
zoom:2.2;
zoom:220%;
}
#home p, #main p {
line-height: 1.75em;
}
#deco-bg #cat-description {
font-family: Britannic Bold;
z-index: 1;
padding: 0 10px;
margin: 50px auto 30px;
width: 90%;
font-size: 1em;
}
#mobile-scientific-name {
display: block;
float: left;
color: #fbe6c1;
font-family: arial,sans-serif;
font-size: 1.8em;
padding: 0 50px;
position: relative;
top: 10px;
}
#email-friend a {
zoom: 1.8;
zoom: 180%;
}
#footer {
margin-top: 0;
font-size: 1em;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
text-decoration:underline;
}
#header-img-skip {
margin-top: 65px;
padding: 10px;
}
.sbnavlist-mobile {
background: none;
margin-bottom: 10px;
text-align: center;
list-style-type:none;
}
.sbnavlist-mobile ul {
margin:0;
padding:0;
list-style-type:none;
}
.sbnavlist-mobile li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 10px;
margin: 0;
}
#footerlinks {
font-size: 8pt;
margin: 0 auto 5px;
text-align: center;
text-decoration: none;
width: auto;
}
.sbnavlist-mobile li:hover {
background: none;
}
.sbnavlist-mobile ul li.sel,.sbnavlist-mobile ul li ul li.sel:hover {
background: none;
}
.sb_grid {
zoom: 1.7;
zoom: 170%;
}
.product-single {
zoom: 1.5;
zoom: 150%;
}
.p_layout p {
font-size: 1em;
}
#mobile-search-box {
zoom: 2;
zoom: 200%;
}
#deco-bg #cat-description, #home p {
font-size: 1.8em;
}
#footer {
font-size: .8em;
}
}
/* Portrait */
/*@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
@media only screen and (min-width: 320px) and (max-width: 479px){
#cat-description p, #home p {
font-size: 2em;
}
#compass-img {
width: 40%;
height: 40%;
margin: 20px 5px 5px 0px;
}
#mobile-search-box {
zoom: 2;
zoom: 200%;
}
.sb_grid {
zoom: 2.3;
zoom: 230%;
}
.product-single {
zoom: 1.5;
zoom: 150%;
}
}
*/
/* Landscape */
/*@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
@media only screen and (min-width: 480px) and (max-width: 767px){
}*/
/* THIS IS THE END OF GONDWANLAND MOBILE CSS */