*{margin: 0px; padding: 0px;}

html{background-color: #625e4c; background-image: url('images/gradient_Main.jpg'); background-repeat: repeat-x;}

      html, body {
        font-size: 14px;
        color: #0f0f0f;
        font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
        line-height: 180%;
        overflow-x: hidden; /*to hide main image on smaller devices when becomes absolute*/
      }
      

/* CONTENT LINKS  */
/*Default - 7b141c*/

a{color: #006a65; font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: underline; font-weight: bold;}
a:link {color: #006a65; text-decoration: underline;} 
a:visited {color: #006a65; text-decoration: underline;}
a:active {color: #006a65; text-decoration: underline;}
a:hover {color: #4ca19a; text-decoration: underline;}

/*black - admin logout */
a.black{color: #000000; font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a.black:link {color: #000000; text-decoration: none;} 
a.black:visited {color: #000000; text-decoration: none;}
a.black:active {color: #000000; text-decoration: none;}
a.black:hover {color: #7b141c; text-decoration: none;}

/*sideNav Fam  - black to red */
a.navFamily{color: #1c1c1c; font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a.navFamily:link {color: #1c1c1c; text-decoration: none;} 
a.navFamily:visited {color: #1c1c1c; text-decoration: none;}
a.navFamily:active {color: #1c1c1c; text-decoration: none;}
a.navFamily:hover {color: #7b141c; text-decoration: none;}

a.navFamilyLive{color: #6c2020; font-size: 14px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: bold;}
a.navFamilyLive:link {color: #6c2020; text-decoration: none;} 
a.navFamilyLive:visited {color: #6c2020; text-decoration: none;}
a.navFamilyLive:active {color: #6c2020; text-decoration: none;}
a.navFamilyLive:hover {color: #6c2020; text-decoration: none;}



/*footer*/
a.smallW{color: #FFFFFF; font-size: 12px; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; font-weight: normal;}
a.smallW:link {color: #FFFFFF; text-decoration: none;} 
a.smallW:visited {color: #FFFFFF; text-decoration: none;}
a.smallW:active {color: #FFFFFF; text-decoration: none;}
a.smallW:hover {color: #FFFFFF; text-decoration: underline;}

/* MAIN DIVS */
#headerWrapper{position: relative; width: 960px; margin-left: auto; margin-right: auto; height: 318px; background-image: url('images/bg_Header.jpg'); background-repeat: no-repeat; background-position: 0px 0px;}/*1100*/
#headerInner{position: relative; width: 960px; margin-left: auto; margin-right: auto;}


.contentWrapper{background-color: #c6c2ae; width: 100%;}
.contentDiv{width: 960px; margin-left: auto; margin-right: auto; overflow: hidden;}
.contentInner{padding: 20px;}

.contentDarkWrapper{background-color: #908f7b; width: 100%; border-style: solid; border-color: #FFFFFF; border-width: 2px 0px 0px 0px;}

.contentLight{background-color: #e9e9e5; padding: 30px; overflow: hidden; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #a2a095;}

.colLeft{float: left; width: 47%; overflow: hidden;}
.colRight{float: right; width: 47%; overflow: hidden;}

/*HEADER*/
p.topIntro{position: absolute; top: 197px; margin-left: 20px; color: #FFFFFF; font-size: 30px; line-height: 140%;}
p.topIntro span{font-weight: bold; font-style: italic;}

/*nav*/
#navDiv{float: right; margin-top: 45px; margin-right: 5px; color: #236f6a; font-weight: bold;}

a.nav{color: #236f6a; font-size: 15px; font-weight: bold; font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif; text-decoration: none; }
a.nav:link {color: #236f6a; text-decoration: none;} 
a.nav:visited {color: #236f6a; text-decoration: none;}
a.nav:active {color: #236f6a; text-decoration: none;}
a.nav:hover {color: #38b2aa; text-decoration: none;}

/*SLIDE SHOW */  
#slideDiv{position: absolute; top: 110px; right: 0px;}
#fadein {position: relative; margin-left: 0px; width: 258px; height: 205px;}
#fadein img{position: absolute; left: 0; top: 0px;}


/* CORE */
p{ font-size: 14px;
    color: #0f0f0f;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    line-height: 180%;
    margin-bottom: 17px;}
    
p.intro{font-size: 17px;}

p.caption{font-size: 12px; line-height: 140%;}
p.caption span{font-style: italic;}

p.note{width: 300px; font-size: 15px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #908c78;}

div.clear{clear: both; height: 1px;}

div.divider{height: 1px; border-style: dotted; border-color: #58584b; border-width: 1px 0px 0px 0px; margin-top: 20px; margin-bottom: 20px;}

img.content{border-style: solid; border-width: 2px; border-color: #FFFFFF;}
    
h1{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;  font-size: 24px; font-weight: normal; color: #252525; margin-top: 0px; margin-bottom: 15px; line-height: 120%;}

h1.blue{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;  font-size: 24px; font-weight: normal; color: #00635e; margin-top: 0px; margin-bottom: 15px; line-height: 120%;}

h1.family{font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;  font-size: 24px; font-weight: normal; color: #252525; margin-top: 0px; margin-bottom: 15px; padding-bottom: 10px; line-height: 120%; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #838f84;}

h2{font-weight: bold; font-size: 16px; margin-top: 20px; margin-bottom: 10px;}
h2.top{font-weight: bold; font-size: 16px; margin-top: 0px; margin-bottom: 0px;} /*species list*/

h3{font-weight: bold; font-size: 14px;}

a img{border-style: none; outline: none;}

a.button{display: block; background-color: #FFFFFF; background-image: url('images/arrow_Button.gif'); background-repeat: no-repeat; background-position: 5px center;  border-style: solid; border-color: #006a65; border-width: 3px; color: #006a65; padding: 5px 8px 5px 35px;}
a.button:link {color: #006a65; text-decoration: none;} 
a.button:visited {color: #006a65; text-decoration: none;}
a.button:active {color: #006a65; text-decoration: none;}
a.button:hover {color: #006a65; background-color: #eeeeee; background-position: 6px center; text-decoration: none;}

a.buttonBack{display: block; background-color: #FFFFFF; background-image: url('images/arrow_ButtonBack.gif'); background-repeat: no-repeat; background-position: 5px center;  border-style: solid; border-color: #006a65; border-width: 3px; color: #006a65; padding: 5px 8px 5px 35px;}
a.buttonBack:link {color: #006a65; text-decoration: none;} 
a.buttonBack:visited {color: #006a65; text-decoration: none;}
a.buttonBack:active {color: #006a65; text-decoration: none;}
a.buttonBack:hover {color: #006a65; background-color: #eeeeee; background-position: 6px center; text-decoration: none;}

.greyDiv{padding: 20px 10px 20px 20px; margin-bottom: 10px; background-color: #e3e1d7; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #a2a095;}

/*lists*/
li{margin-left: 20px; padding-left: 30px;}

/*tables*/
td{vertical-align: top;}

table.tblPostage {border-style: solid; border-color: #666666; border-width: 1px 1px 0px 0px;}
table.tblPostage td{padding: 10px; border-style: solid; border-color: #666666; border-width: 0px 0px 1px 1px;}

/*Panel*/
.panelHead{background-color: #f1efe5; border-radius: 0px; margin-top: 30px; padding: 10px 15px 10px 15px; cursor: pointer; cursor: hand;}
.panelHead:hover{background-color: #f7f6ec;}
.panelHead img{float: right; margin-right: 20px;}
.panel{display: none; background-color: #FFFFFF; padding: 35px;}

/*Shopping cart*/
#shop_Cart{position: absolute; right: 3px; top: 100px; font-size: 12px; cursor: pointer; cursor: hand;}
#shop_Cart img{vertical-align: middle;}

.cartMsg{font-size: 10px; line-height: 120%;}

.buttonCart{margin: 3px 0px 0px 0px; padding: 0px;}

/*checkout*/
table.tblCheckout{width: 100%;}
table.tblCheckout td{padding: 10px; border-style: solid; border-width: 0px 1px 10px 0px; border-color: #c6c2ae; background-color: #908c78;}
table.tblCheckout td.head{color: #00635e; font-size: 16px; font-weight: bold; border-style: none; background-color: #c6c2ae;}
table.tblCheckout td.gTotal{font-size: 16px; font-weight: bold;}
table.tblCheckout td.gTotal span{font-size: 12px; font-weight: normal; font-style: italic;}
table.tblCheckout td.pTotal{background-color: #d9d8d2;}
table.tblCheckout td.del{background-color: transparent;}

/*.cartMsg{display: none;
position: fixed;
width: 260px;
/*height: 110px;
padding: 20px;
border-radius: 15px;
top: 50%;
left: 50%;
margin-top: -75px; /* Negative half of height. 
margin-left: -150px;
text-align: center;
background-color: #FFFFFF; color: #b14335; padding: 3px; border-style: solid; z-index: 100;}*/

/*Scroll to top */
.scrollToTop{display: none; position: fixed; right: 0px; bottom: 0px; background-color: #489993; color: #FFFFFF; padding: 3px; border-style: solid; cursor: pointer; cursor: hand; z-index: 100;}
.scrollToTop:hover{background-color: #dd5342;}


/*HOME*/
#arrivalsWrapper{clear: both; background-color: #e3e1d7; padding: 10px; overflow: hidden; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #a2a095;}
.arrivalsDiv{float: left; width: 142px; font-size: 10px; text-align: center; margin-right: 5px;}
.arrivalsDiv p{font-size: 10px; text-align: center; margin-right: 5px; line-height: 120%;}
.arrivalsDivInner{width: 142px; height: 163px; overflow: hidden; text-align: center; background-color: #393939; border-style: solid; border-width: 2px; border-color: #FFFFFF;}

/*sideNav Layout*/
.sideNavWrapper{float: left; width: 270px; background-color: #b4b2a8; margin-bottom: 30px;}
.sideNavHead{padding: 20px 20px 0px 20px;}
.sideNavList{background-color: #8c8979; height: 200px; overflow: auto;}
.sideNavListInner{padding: 20px;}

.sideNavContentWrapper{width: 595px; margin-left: 320px; overflow: hidden;}

/*Listings*/
.listingDiv{padding: 20px 10px 20px 20px; margin-bottom: 10px; background-color: #e3e1d7; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #a2a095;}

table.tblListing{width: 100%;}
.tblListing td{vertical-align: top; font-size: 13px;}

td.listingPic{width: 130px;}
td.listingDesc{width:330px; padding-right: 5px;}
td.listingDesc2{width:430px; padding-right: 5px;}
td.listingCart{vertical-align: bottom;}

table.tblListingDesc{line-height: 120%;}
table.tblListingDesc td.property{padding-right: 5px;}

p.price{font-size: 15px; margin-top: 0px;}
img.magnify{position: absolute; margin-top: 5px; margin-left: 5px; opacity: 0.5; filter: alpha(opacity=50);}


/* ORDER FORM */
fieldset{padding: 20px; margin-bottom: 10px; border-style: dotted; border-width: 1px; border-color: #666666;}

div.fField{overflow: hidden; height: auto; padding-top: 10px;}
div.formInput{margin-left: 180px;}
label{display: block; clear: both; float: left; width: 150px; text-align: right; line-height: 150%;}
label.error{float: none; width: auto; text-align: left; color: #FF0000; font-size: 10px; margin: 0px; padding: 0px;}

/* */#captcha_div{float: left; vertical-align: top; padding: 16px 6px 6px 22px; text-align: center; width: 200px; height: 75px; background-color: #000000;}
#captcha_label{line-height: 100%; text-align: center;}

.throw_error{padding: 5px; background-color: transparent; color: #FF0000; font-size: 12px; }

textarea, input, [type="text"], option{box-sizing: border-box; padding: 6px; border-radius: 4px;}/*width: 100%; max-width: 250px; */
option{padding: 4px;}

#refresh{cursor: pointer; cursor: hand;}
#refresh:hover{color: #006a65;}


/*List pagination*/
.paginationDiv{background-color: transparent; margin-top: 30px; padding-top: 30px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #333333;}
/*span.pageNo{padding: 4px; cursor: pointer; cursor: hand;}
span.pageNoLive{padding: 4px; color: #279a96;}*/

div.paginationLive{display: block; float: left; margin-left: 3px; background-color: #FFFFFF; color: #006a65; padding: 5px 8px 5px 8px;}
a.pagination{display: block; float: left; margin-left: 3px; background-color: #006a65; color: #FFFFFF; padding: 5px 8px 5px 8px;}
a.pagination:link {color: #FFFFFF; text-decoration: none;} 
a.pagination:visited {color: #FFFFFF; text-decoration: none;}
a.pagination:active {color: #FFFFFF; text-decoration: none;}
a.pagination:hover {color: #FFFFFF; background-color: #008f88; text-decoration: none;}

/*pagination for new arrivals - does not catch jquery onclick event*/
a.pagination2{display: block; float: left; margin-left: 3px; background-color: #006a65; color: #FFFFFF; padding: 5px 8px 5px 8px;}
a.pagination2:link {color: #FFFFFF; text-decoration: none;} 
a.pagination2:visited {color: #FFFFFF; text-decoration: none;}
a.pagination2:active {color: #FFFFFF; text-decoration: none;}
a.pagination2:hover {color: #FFFFFF; background-color: #008f88; text-decoration: none;}

/*massier shells*/
a.paginationM{display: block; float: left; margin-left: 3px; background-color: #006a65; color: #FFFFFF; padding: 5px 8px 5px 8px;}
a.paginationM:link {color: #FFFFFF; text-decoration: none;} 
a.paginationM:visited {color: #FFFFFF; text-decoration: none;}
a.paginationM:active {color: #FFFFFF; text-decoration: none;}
a.paginationM:hover {color: #FFFFFF; background-color: #008f88; text-decoration: none;}

/*Footer*/
#Footer{background-image: url('images/bg_Footer.gif'); background-repeat: repeat-x; padding-top: 60px; margin-bottom: 100px;}

p.disclaimer{float: right; margin-right: 10px; font-size: 12px; color: #71cdc6;}