@charset "utf-8";

body {
	padding: 0;
	margin: 0;
	color: #4c4d48;
	text-align: left;
	font-size: 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	overflow-x: hidden;
}

html,
body {
	height: 100%;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='number'],
input[type='password'] {
	font-size: 13px;
}
textarea,
input,
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Arial, Helveica, sans-serif;
	font-size: 13px;
	resize: none;
}
input[type='submit'] {
	-webkit-appearance: none;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

a {
	color: #6a8d21;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #999999;
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 { color: #605135; font-weight: 300; font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; }

h1 { font-size: 34px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

p,
li,
td,
th {
	color: #3c3d38;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
}

p {
	line-height: 22px;
}

#middle li {
	margin-bottom: 6px;
	line-height: 18px;
}

hr {
	border: 0;
	width: 80%;
	color: #999999;
	background-color: #999999;
	height: 1px;
}

iframe {
	max-width: 100%;
}

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

/* General Structure */
#wrapper { background: #fff; }
.mobileHide { display: none; }
.margin { margin: 20px 25px; }
#middle { overflow: hidden; }
#right { display: none; }

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

/* Logo, Header & Animation Parts */
#header { position: relative; height: 195px; margin-top: 30px; z-index: 95; }

#logo { width: 407px; max-width: 105%; position: absolute; bottom: -7px; left: -20px; }
#logo img { margin-bottom: -5px; }

#leaves-left,
#leaves-signright,
#leaves-divider,
#leaves-right,
#ground,
#cloud,
#sky { pointer-events: none; position: absolute; }
#leaves-left { width: 140px; height: 115px; bottom: -80px; left: -35px; background: url("../images/leaves-left.png") no-repeat; }
#leaves-signright { width: 140px; height: 115px; bottom: -92px; right: -32px; background: url("../images/leaves-signright.png") no-repeat; }
#animate { width: 100%; height: 195px; overflow: hidden; position: relative; }
#sky { width: 1240px; height: 224px; background: url("../images/anim_sky.png") no-repeat; }
#cloud { width: 1240px; height: 224px; background: url("../images/anim_cloud.png") 0 -300px no-repeat; }
#ground { width: 1240px; height: 224px; background: url("../images/anim_ground.png") no-repeat; }

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

/* Breadcrumbs & Page Headings */
#pagetree p,
#pagetree p a {
	font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif;
	color: #9e9071;
	font-size: 11px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#pageheading {
	background: #f2eee7 url("../images/pageheading-back.png") repeat;
	border-bottom: 1px solid #d9d4cb;
	padding: 35px 25px 10px 25px;
}

#pageheading h1 {
	margin: 0;
	padding: 0;
}

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

/* Main Menu */
#toggleMenu,
#menu,
#menu a {
	font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
}
#toggleMenu {
	text-align: center;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
}
#menucontainer {
	background-color: #dad2c3;
	box-shadow: 0 0 10px 0 #333333;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 95;
}

#menu {
	padding: 0 10px;
}

#menu a,
#menu a:visited,
#menu a:hover {
	display: block;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	font-size: 16px;
	color: #666633;
	overflow: hidden;
}

#menu a:hover {
	color: #4d3e23;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #dad2c3;
}

#menu ul li ul,
#menu ul li:hover ul,
#menu ul li:hover ul li ul,
#menu ul li:hover ul li:hover ul {
	display: none;
}

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

/* Image Display */
.pageimagecenter {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.pageimageright {
	float: right;
	margin: 5px 0 5px 5px;
	padding: 0;
}

.pageimageleft {
	float: left;
	margin: 5px 5px 5px 0;
	padding: 0;
}

.pageimagenone img {
	margin: 3px;
	padding: 0;
}

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

/* Slideshow & Banners */
.cycle-slideshow {
	width: 100%;
	border-style: solid;
	border-width: 2px 0;
	border-color: #fff;
	overflow: hidden;
	z-index: 10;
}

.cycle-slide {
	max-width: 100%;
}

.cycle-slide a {
	display: block;
	width: 100%;
	line-height: 0;
}

#leftlink,
#rightlink {
	display: inline-block;
	border-bottom: 2px solid #fff;
	vertical-align: top;
}

#leftlink a,
#rightlink a {
	display: inline-block;
	width: 100%;
	line-height: 0;
}

#leftlink {
	width: 67%;
}

#rightlink {
	width: 33%;
}

#rightlink a {
	border-left: 1px solid #fff;
}

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

/* Footer */

#footerGrass { position: absolute; top: -66px; left: 0; pointer-events: none; width: 100%; height: 66px; background: url("../images/footer-grass.png") top center no-repeat; }
#footer { position: relative; height: auto; padding: 0 0 25px 0; margin-top: 30px; background: #271f11 url("../images/footer-back.jpg") top center no-repeat; color: #826b49; font-size: 11px; text-align: center; }
#footer a { color: #826b49; font-size: 11px; }
#footer a:hover,
#footer a:focus { color: #b09978; }
#footer img { margin-left: 5px; vertical-align: top; }
#footer h3 { color: #826b49; }
#footer .fcol { padding: 20px 25px; }
#footer .fcol a { font-size: 13px; }

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

/* Debug */
#debug { width: 100%; padding: 10px 15px; background: #cfdaff; border-top: 12px solid #c4d2ff; }
#debug h1 { color: #001b51; }
#debug pre { color: #000d27; }

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

/* Page Galleries */
.pagegalleryheading { display: none; }
.pagegalleryimage { position: relative; display: inline-block; width: 19%; height: 0; padding-bottom: 25%; overflow: hidden; margin: .3%; vertical-align: middle; }
.pagegalleryimage img { position: absolute; left: -25%; display: block; border: 0; vertical-align: middle; line-height: 0;  max-width: 200% !important; min-width: 125% !important; height: auto; min-height: 100%; }
.pagegalleryimage a { line-height: 0; }
#lightbox > div { max-width: 90% !important; }

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

/* Social Sharing Butttons */
#social { margin: 20px 0; overflow: hidden; }

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

/* Product Lists */
#product { margin-top: 20px; }
.productitem { position: relative; display: inline-block; vertical-align: top; width: 46%; height: 335px; margin: 5px 1% 10px 1%; background: #f1eee8; border: 1px solid #dad2c3; overflow: hidden; }
.producttitle { font-weight: bold; padding: 10px 10px 0 10px; font-size: 15px; }
.producttitle a { color: #534c3f; text-decoration: none; }
.producttitle a:hover { text-decoration: underline; }
.productsold { color: #9f0000; font-weight: bold; font-size: 12px; }
.productimage { margin: 0; height: 166px; text-align: center; background-color: white; }
.productimage a { display: inline-block; height: 100%; line-height: 166px; width: 100%; overflow: hidden; }
.productimage img { vertical-align: middle; max-height: 100%; }
.productprice { font-size: 14px; padding: 0 10px 5px 10px; }
.productwas { font-size: 12px; color: #928a7b; }
.productnow { font-size: 21px; color: #756d5f; font-weight: bold; margin-right: 10px; }
.productdesc { padding: 0 10px; }
.productdesc,
.productdesc p { line-height: 16px; font-size: 13px; }
.productdesc *:first-child { margin-top: 0; padding-top: 0; }
.productbtns { width: 100%; position: absolute; bottom: 0; }
.productbtns a { display: inline-block; color: #fff; font-weight: normal; font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; text-decoration: none; height: 35px; line-height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.productview { background-color: #dbd6cd; color: #534c3f !important; width: 35%; padding: 0 10px; }
.productview:hover { background-color: #bbb5a9; }
.productorder { background: #8baf31 url("../images/shopping_cart_hover.png") -168px 0 no-repeat; width: 65%; }
.productorder:active,
.productorder:hover { background-position: -60px 0; }
.cart_icon { display: inline-block; width: 35px; margin-right: 10px; background: #698620 url("../images/shopping_cart.png") 3px 0px no-repeat; }
.productenquire { background-color: #8baf31; width: 65%; padding: 0 10px; }
.productenquire:hover { background-color: #698620; }

.productorder,
.productview,
.productenquire,
.productD_thumb,
.minicart *,
#productD_order,
#productD_enquire { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

/* Product Display */
#productD_right { margin: 0 0 10px 0; }
#productD_right #social { padding-left: 10px; }
.productD_large { max-width: 100%; text-align: center; overflow: hidden; line-height: 0; }
.productD_large a { background: url("../images/loading.gif") no-repeat 50% 50%; display: inline-block; width: 100%; height: auto; line-height: 0; }
.productD_large img { max-width: 100%; height: auto; }
.productD_images { text-align: left; }
.productD_thumb { margin: 0; width: 50%; height: 0; padding-bottom: 38%; border: 1px solid #fff; line-height: 0; box-sizing: border-box; }
.productD_thumb,
.productD_thumb a { display: inline-block; overflow: hidden; }
.productD_thumb img { vertical-align: top; }
#productD_right h1 { margin-top: 0; padding: 0; }
.productD_detail { padding: 0; font-size: 15px; }
.productD_status { font-size: 15px; }
#available { color: #009f00; }
#outofstock,
#soldout { color: #9f0000; }
#productD_price { font-size: 27px; color: #444; font-weight: bold; padding: 10px 0; }
#productD_was { font-size: 14px; color: #888; display: block; margin-top: -5px; }
#productD_links { padding: 10px 0; border-bottom: 1px solid #ddd; }
#productD_links a { display: inline-block; color: #fff; text-decoration: none; box-sizing: border-box; }
#productD_order { height: 35px; line-height: 35px; font-size: 18px; background: #8baf31 url("../images/shopping_cart_hover.png") -168px 0 no-repeat; width: 65%; }
#productD_order:active,
#productD_order:hover { background-position: -60px 0; }
#productD_enquire { height: 35px; line-height: 35px; font-size: 18px; background-color: #8baf31; width: 65%; padding: 0 5px; }
.productenquire { background-color: #8baf31; width: 65%; padding: 0 10px; }
#productD_enquire,
#productD_enquire:active,
.productenquire:hover { background-color: #698620; }
#productD_pdfs { padding: 10px 0; }
.productD_pdf { display: inline-block; width: 50%; }
.productD_pdf img { max-width: 20px !important; margin-right: 6px; vertical-align: middle; }
.productD_text { padding: 10px 0; }
.productspecs * { box-sizing: border-box; }
.productspecs { overflow: hidden; padding: 10px 0; }
.productspecs > div > label { width: 35%; height: 25px; float: left; }
.productspecs > div > div { width: 65%; height: 25px; float: right; }

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

/* Directory Listings */
#directory { overflow: hidden; }
.directoryitem { background: #ebe8e1; border: 10px solid #dad2c3; margin: 0 0 20px 0; padding: 15px; position: relative; overflow: hidden; }
.directorytitle { font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; font-size: 18px; color: #7c6b4c; padding: 0; margin-bottom: 10px; display: block; }
.directorydesc { color: #7c6b4c; display: block; max-height: 150px; font-size: 13px; overflow: hidden; margin-bottom: 10px; }
.directoryitem a { text-decoration: none; display: inline-block; width: 100%; }
.directoryimage { float: right; width: 150px; max-width: 45%; height: auto; max-height: 125px; text-align: center; display: inline-block; overflow: hidden; right: 15px; top: 15px; margin-bottom: 5px; }
.readmore { clear: right; font-family: "Nilland Black", Helvetica, Arial, sans-serif; background: #4d3e23; color: #ffffff; font-size: 13px; text-align: center; padding: 7px 7px 4px 7px; letter-spacing: 1px; border-radius: 3px; display: block; margin-top: 7px; }
.directoryitem a:hover .readmore { background: #6a8d21; }
.directoryitem a:hover .directorytitle	{ color: #6a8d21; }

/* Directory Display & Map */
.ubcmapbox { margin-bottom: 20px; }
.ubcmap { position: relative; height: 300px; max-width: 100%; overflow: hidden; }
.ubcmap img { max-width: none !important; height: initial !important; }
.directorydisplayright { margin-bottom: 20px; }
.directorydisplayfacts { margin-bottom: 10px; padding-bottom: 10px; }
.directorydisplayfacts h2 { font-size: 16px; }
.directorydisplayfacts table { border-collapse: collapse; }
.directorydisplayfacts td { vertical-align: top; font-size: 13px; padding: 4px 0; border-bottom: 1px solid #d9d4cb; }
.directorydisplayfacts td:first-child { width: 30%; }
.directorydisplayfacts td:last-child { width: 70%; font-weight: bold; }
.directorydisplayfacts a { vertical-align: top; font-size: 13px; }
.directorydisplaylarge { line-height: 0; margin-bottom: 10px; }
.directorydisplayauthor { padding: 20px 25px; border-top: 1px solid #d9d4cb; border-bottom: 1px solid #d9d4cb; line-height: 22px; font-size: 12px; }
.directorydisplayimages { margin-bottom: 5px; overflow: hidden; padding-bottom: 6px; border-bottom: 1px solid #d9d4cb; }
.directorydisplaythumb { display: inline-block; max-width: 32%; margin: 0 0.5% 1% 0.5%; height: 0; padding-bottom: 21%; overflow: hidden; }
.directorydisplaythumb a img { border: 0; }

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

/* Animal Listing */
#animal { overflow: hidden; }
.animalitem { width: 46%; max-height: 300px; margin: 0 2% 15px 2%; background: #fff; overflow: hidden; vertical-align: top; display: inline-block; }
.animaltitle { font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; font-size: 15px; color: #7c6b4c; padding: 10px 0; text-align: center; display: inline-block; width: 100%; }
.animalimage { width: 100%; max-height: 232px; text-align: center; display: inline-block; overflow: hidden; }
.animalimage img { line-height: 0; }

/* Animal Display */
.animaldisplayright { margin-bottom: 20px; }
.animaldisplayfacts { margin-bottom: 10px; padding-bottom: 10px; font-size: 13px; line-height: 20px; border-bottom: 1px solid #d9d4cb; }
.animaldisplayfacts h2 { font-size: 16px; }
.animaldisplayfacts table { border-collapse: collapse; width: 100%; }
.animaldisplayfacts td { vertical-align: top; font-size: 13px; }
.animaldisplayfacts td:first-child { width: 30%; }
.animaldisplayfacts td:last-child { width: 70%; text-align: right; font-weight: bold; }
.animaldisplaylarge { background: #f1eee6; overflow: hidden; }
.animaldisplayauthor { padding: 20px 25px; border-top: 1px solid #d9d4cb; border-bottom: 1px solid #d9d4cb; line-height: 22px; font-size: 12px; }
.animaldisplayrefs { font-size: 12px; }
.animaldisplayimages { margin-bottom: 5px; overflow: hidden; padding-bottom: 6px; border-bottom: 1px solid #d9d4cb; }
.animaldisplaythumb { float: left; height: 0; padding-bottom: 21%; overflow: hidden; max-width: 32%; margin: 0 0.5% 1% 0.5%; }
.animaldisplaythumb a img { border: 0; }

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

/* Shopping Cart */
/* Minicart */
.minicartbox { background: #f2eee7 url("../images/pageheading-back.png") repeat; padding: 25px 42px; border-bottom: 1px solid #d9d4cb; }
.minicartbox h2 { text-align: center; margin-bottom: 8px; }
.minicart { background: #ffffff; padding: 12px; position: relative; z-index: 95; }
.item { overflow: hidden; padding: 4px 0; border-bottom: 1px solid #d9d4cb; }

.img,
.title,
.price { display: inline-block; max-height: 50px; vertical-align: middle; border-radius: 2px; overflow: hidden; }
.img { height: 40px; }
.img img { max-height: 40px; }
.title { max-width: 45%; padding-left: 7px; font-size: 12px; }
.price { float: right; line-height: 40px; height: 40px; }
.price span { background: rgba(139,175,49,0.7); color: #ffffff; padding: 2px 4px; font-size: 12px; }
a.purchase { border-radius: 2px; overflow: hidden; margin-top: 10px; background: #8baf31 url("../images/shopping_cart_hover.png") -168px 0 no-repeat; width: 50%; display: inline-block; color: #fff; font-weight: normal; font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; text-decoration: none; height: 35px; line-height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a.purchase:active,
a.purchase:hover { background-position: -85px 0; }
.cart_icon { background: #698620 url("../images/shopping_cart.png") 3px 0px no-repeat; display: inline-block; width: 35px; margin-right: 10px; }
.total { font-weight: bold; letter-spacing: 1px; display: inline-block; line-height: 35px; height: 35px; float: right; margin: 10px 0 0 10px; }
.c_div table { width: 100%; border-collapse: collapse; }
.cart th { color: #605135; font-weight: normal; font-size: 12px; border-top: 1px solid #8c7d62; border-bottom: 1px solid #8c7d62; }
.cart tr:nth-child(even) td	{ background: #f2eee7; }
.cart th { padding: 3px 5px; }
.cart td { padding: 3px 5px; height: 70px; }
td.c_del { width: 20px; padding: 3px 5px 3px 10px; }
td.c_del a { background: url("../images/remove.png") no-repeat top left; display: inline-block; width: 20px; height: 20px; }
td.c_del a:hover { background-position: bottom left; }
.c_img { width: 70px; }
.c_img img { width: auto; max-width: 70px !important; height: auto; }
.c_part { display: block; color: #777777; font-size: 10px; }
.c_unit { width: 60px; text-align: center; }
.c_qty { width: 60px; text-align: center; }
.c_sub { width: 70px; text-align: right; }
.c_opt { width: 60px; text-align: center; }

/* Totals & Voucher/Shipping */
#c_total { text-align: right; background: none; border-top: 1px solid #8c7d62; }
.c_box { padding: 10px; border: 1px solid #8c7d62; float: right; text-align: left; }
.c_box label { display: block; }
.c_voucher,
.c_shipping { margin: 20px 20px 5px 0; }
.c_voucher input[type='text'] { text-transform: uppercase; width: 200px; }
.c_totals { width: 300px; padding: 10px 5px; margin: 20px -5px 10px 0; float: right; border-top: 1px solid #8c7d62; border-bottom: 1px solid #8c7d62; }
.c_totals span { width: 95px; display: inline-block; vertical-align: top; }
.c_subtotal { color: #444444; }
.c_promo { color: #444444; }
.c_freight { color: #444444; }
.c_freight span span { font-size: 13px; line-height: 10px; }
.c_total { display: block; font-size: 18px; font-weight: bold; color: #444444; }

/* Buttons */
#c_spBtn { padding: 0 6px; height: 30px; line-height: 30px; padding: 1px 10px 4px 10px; margin-right: 20px; float: right; font-size: 18px; font-weight: bold; border: none; border-radius: 3px; color: #ffffff; background-color: #5e5037; display: inline-block; text-decoration: none; cursor: pointer; }
#c_poBtn { background: #5e5037; color: #ffffff; }
#c_frBtn { display: none; }
#c_coBtn { background: #6a8d21; color: #ffffff; font-size: 18px; float: right; height: 35px; padding: 0 12px; margin-bottom: 82px; }
#c_upBtn { background: #5e5037; color: #ffffff; font-size: 10px; padding: 2px; margin-top: 4px; }
#c_ecBtn { background: rgba(0,0,0,0); height: 34px; margin-right: 20px; float: right; background-color: #5e5037; color: #ffffff; font-weight: normal; font-size: 16px; }
#c_prBtn { background: #6a8d21; padding: 4px 10px; color: #ffffff; font-size: 18px; margin-bottom: 82px; float: right; }
#c_ppBtn { margin: 0 auto; display: block; background: #6a8d21; padding: 4px 10px; color: #ffffff; font-size: 18px; margin-bottom: 82px; }
.c_div input[type='submit'] { font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; }

#form_detail,
#form_shipping,
#form_payment { width: 100% !important; background-color: #f2eee7; display: inline-block; box-sizing: border-box; }
#form_payment { margin-bottom: 30px; margin-left: 25px; }

/* Steps */
#c_steps { background: #f2eee7; margin: 10px 0 20px 0; }
#c_steps span { display: inline-block; color: #666666; font-size: 13px; padding: 4px 20px; }
#c_steps span.active { background: #a1c562; color: #ffffff; font-weight: bold; }
#c_steps span.done { background: #a1c562; color: #ffffff; }

/* Messages */
#c_bigmsg { margin: 0 0 10px 0; text-align: center; line-height: 0; }
#c_bigmsg img { border: 2px dashed #d2c8b6; }
#c_mainmsg { width: 50%; padding: 10px 10px 8px 10px; margin: 15px auto; text-align: center; }
#c_submsg { width: 70%; margin: 55px auto 15px auto; padding: 5px 20px; text-align: left; color: #666666; background: #e0d8cb; }
#c_errmsg { background: #db4848; color: #ffffff; padding: 10px 10px 8px 10px; margin: 15px auto; text-align: center; }

/* Form (Step 2) */
.c_div h2 { border-bottom: 2px solid #777777; color: #444444; }
table.c_table th { width: 135px; color: #555555; font-weight: normal; text-align: left; }
table.c_table td { padding: 3px 0; }
.c_cards img { vertical-align: middle; border: 1px solid #888888; margin: 0 1px; width: 25px; }
.c_table input[size='34'],
.c_table textarea { width: 220px; }
.c_table label.c_err { color: #990000; }
#c_cvvhelp { padding-left: 8px; }
#c_cvvhelp a { font-size: 10px; }
#c_cvvhelpbox { top: -140px; left: -156px; line-height: 0; z-index: 50; box-shadow: 5px 5px 10px #666666; border-radius: 10px; }

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

/* Basic Site Forms */
.form { overflow: hidden; text-align: left; width: 560px; max-width: 100%; }
.form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .error { color: #cc0000; }
.form > div { padding: 1px; margin: 0 0 8px 0; overflow: hidden; }
.form > div > label { width: 100%; }
.form > div > div { width: 100%; }
.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form input[type=tel],
.form input[type=number],
.form textarea,
.form select { width: 100%; padding: 4px; border: 1px solid #ccc; border-radius: 2px; }
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form input[type=tel]:focus,
.form input[type=number]:focus,
.form textarea:focus { outline: 0; border-color: #4697e4; }

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

/* e-Telegraph Signup */
#signup { padding: 20px 25px; background: #f2eee7 url("../images/pageheading-back.png") repeat; border-top: 1px solid #d9d4cb; border-bottom: 1px solid #d9d4cb; line-height: 22px; position: relative; }
#signup h3,
#signup p { margin: 0; padding: 0; }
#signup p { font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; line-height: 15px; }
#signup form { padding: 0; margin: 0; }
#signup input { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; height: 35px; }
.signupLeft { position: relative; margin-bottom: 10px; }
.signupRight { position: relative; max-width: 375px; }
.signupBtn { height: 35px; box-shadow: 0 0 5px 0 #4d3e23; border-radius: 5px; overflow: hidden; position: relative; }
.signup { width: 80px; font-family: "Nilland Black", Helvetica, Arial, Geneva, sans-serif; color: #ffffff; background: #6a8d21; position: absolute; top: 0; right: 0; }
.signup:hover { background: #5e5037; }
.signupemail { width: 300px; padding: 0 0 0 10px; position: absolute; top: 0; left: 0; }
.notify { display: none; width: 330px; height: 30px; line-height: 30px; padding-left: 5px; font-weight: bold; position: absolute; top: -23px; left: 13px; background: #f1f1f1; box-shadow: 0 0 5px 0 #333; border-radius: 5px; color: #ffffff; background: #6a8d21; border: 1px solid #ffffff; }

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

/* Subpages */
.clicktoview { margin-bottom: 3px; }
.subpages div { display: inline-block; width: 19%; margin: 3px 4px 3px 1px; text-align: center; vertical-align: top; }
.subpages a { display: inline-block; padding: 8px; color: #9b8369; max-width: 100%; }
.subpages img { border: 0; margin-bottom: 5px; }
.subpages span { display: inline-block; text-decoration: underline; max-width: 100%; }

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

/* Contact Page */
#contact { clear: both; margin: 8px auto; padding: 10px; background: #cccccc; color: #000000; font-size: 13px; text-align: center; }
#contactpage table { margin: 0 auto; }
#contactpage th { text-align: left; }
.error { color: #cc0000; }
.contactThankyou { padding: 15px; border: 1px solid #afafaf; background: #cfcfcf; }

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

/* Larger than Mobile */
@media (min-width: 40.0rem) {

	body { background: #717146 url("../images/035.png") repeat; }

	/* Structure */
	#wrapper { width: 1240px; min-height: 100%; margin: 0 auto; padding: 0 0 250px 0; overflow: visible; position: relative; box-shadow: 0 0 75px 40px #2d2d04; }
	#left { width: 876px; border-right: 1px solid #d9d4cb; }
	#right { display: inline-block; width: 363px; border-left: 1px solid #d9d4cb; float: right; z-index: 5; }
	#rightInner { padding: 43px; }
	.mobileHide { display: initial; }
	.margin { margin: 20px 45px; }
	#pageheading { padding-left: 45px; padding-right: 45px; }

	/* Logo, Header & Animation Parts */
	#header { margin-top: 0; }
	#header,
	#animate { height: 224px; }
	#logo { height: 172px; }
	#logo img { margin-bottom: 0; }
	#leaves-right,
	#leaves-divider	{ display: block; }
	#leaves-right { width: 158px; height: 110px; bottom: -80px; right: -35px; background: url("../images/leaves-right.png") no-repeat; }
	#leaves-divider { width: 210px; height: 230px; bottom: -195px; right: 223px; background: url("../images/leaves-divider.png") no-repeat; }

	/* Image Display */
	html>body .outerpair1 { background: url(../images/upperrightfade.png) right top no-repeat; }
	html>body .outerpair2 { background: url(../images/lowerleftfade.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
	html>body .shadowbox { background: url(../images/shadow.png) bottom right; }
	html>body .innerbox { position: relative; left: -8px; top: -8px; }
	.shadowbox img { border: 1px solid #000; vertical-align: bottom; }

	/* Main Menu */
	#menucontainer { position: relative; padding: 0 45px; box-sizing: border-box; z-index: 15; }
	#menu { position: relative; padding: 31px 0 0 0; height: 35px; margin: 0; z-index: 105; }
	#menu ul { position: relative; z-index: 105; }
	#menu ul li { position: relative; z-index: 105; float: left; }
	#menu ul li a { padding: 0 15px 0 0; }
	#menu ul li:hover ul { position: absolute; top: 35px; left: auto; display: block; width: 229px; padding: 10px 0; margin-left: -10px; box-shadow: 0 5px 6px 0 #555; z-index: 103; }
	#menu ul li:hover ul li ul { display: none; z-index: 105; }
	#menu ul li:hover ul li a { display: block; height: 30px; width: 209px; padding: 0 10px; border-bottom: 1px dashed #93856d; line-height: 30px; font-size: 0.9em; z-index: 103; }
	#menu ul li:hover ul li:first-child a { border-top: 1px dashed #93856d; }
	#menu > ul > li:hover:nth-child(2) > ul,
	#menu > ul > li:hover:nth-child(3) > ul { width: 689px; }
	#menu > ul > li:hover:nth-child(2) > ul > li:nth-child(-n+3) > a,
	#menu > ul > li:hover:nth-child(3) > ul > li:nth-child(-n+3) > a { border-top: 1px dashed #93856d; }
	#menu ul li:hover ul li:hover ul { position: absolute; left: 240px; top: 0; display: block; padding: 0; z-index: 103; }
	#menu ul li:hover ul li:hover ul.left { left: 0; }
	#menu li:hover ul,
	#menu li.sfhover ul { left: auto; }

	/* Slideshow & Banners */
	#leftlink,
	#rightlink { height: 155px; vertical-align: top; border-bottom: 2px solid #fff; }
	#leftlink { width: 584px; }
	#rightlink { width: 290px; }

	/* Reviews (Right Column) */
	.review { border: 1px solid #d9d4cb; padding: 15px; margin-bottom: 10px; }
	.review p { font-size: 0.8em; line-height: 1.2em; }
	.review .date { text-align: right; }
	.review .date p { font-size: 0.7em; }

	/* Product List */
	.productitem { width: 31%; margin: 5px 5px 10px 5px; }

	/* Product Display */
	.productD_thumb { width: 33.3333333%; }
	#productD_left { display: inline-block; width: 50%; vertical-align: top; }
	#productD_right { display: inline-block; width: 48%; vertical-align: top; margin-left: 2%; }
	#productD_right h1 { padding: 0 10px; }
	.productD_detail { padding: 0 10px; }
	.productD_price { padding: 0 0 10px 0; }
	.productD_text { padding: 0 0 35px 0; }

	/* Directory */
	.directorydesc { max-height: none; margin-right: 155px; }
	.directorydisplayright { float: right; width: 222px; }
	.dircetorydisplaytext { width: 534px; border-right: 1px solid #d9d4cb; padding-right: 15px; margin: 30px 0 20px 0; }
	.directorydisplayauthor	{ clear: both; padding: 20px 45px; }

	/* Animal Listing */
	.animalitem { width: 178px; height: 300px; margin: 0 7px 15px 7px; float: left; }
	.animalimage { height: 232px; }

	/* Animal Display */
	.animaldisplaylarge { height: 275px; width: 876px; }
	.animaldisplayright { width: 222px; float: right; }
	.animaldisplaytext { width: 534px; margin: 30px 0 20px 0; padding-right: 15px; border-right: 1px solid #d9d4cb; }
	.animaldisplayauthor { padding: 20px 45px; clear: both; }

	/* Shopping Cart */
	#form_detail,
	#form_shipping,
	#form_payment { padding: 0 15px 15px 15px; width: 31.8% !important; min-height: 380px; margin-left: 0 !important; }

	#c_steps span { padding: 4px 6px; }
	.c_shipping,
	.c_voucher { margin: 5px 0; }

	/* Basic Site Forms */
	.form > div { margin: 0 0 10px 0; }
	.form > div > label { width: 25%; float: left; padding-right: 10px; }
	.form > div > div { width: 75%; float: right; }
	.form input[type=text],
	.form input[type=email],
	.form input[type=url],
	.form input[type=password],
	.form input[type=tel],
	.form input[type=number],
	.form textarea,
	.form select { width: 75%; }

	/* Subpages */
	.subpages div { width: 19%; }

	/* Signup */
	#signup { height: 35px; padding: 20px 45px; }
	.signupLeft,
	.signupRight { position: absolute; height: 35px; }
	.signupLeft { width: 400px; left: 45px; }
	.signupRight { width: 380px; right: 45px; }

	/* Footer */
	#footer { position: absolute; bottom: 0; width: 100%; height: 180px; }
}
@media (max-width: 820px) {
	.subpages div { width: 24%; }
}

@media (max-width: 785px) {
	.subpages div { width: 30%; }
}

@media (max-width: 440px) {
	/* One per line */
	.productitem { width: auto; display: block; height: auto; margin: 5px 0 20px 0; padding-bottom: 40px; }
}

@media (max-width: 380px) {
	/* Shopping Cart */
	table.cart { border-collapse: separate !important; border-spacing: 0 5px; }
	table.cart th { display: none; }
	td.c_title,
	td.c_opt,
	td.c_unit,
	td.c_qty,
	td.c_sub { display: inline-block; width: 94%; height: auto; border-right: 1px solid #bbbbbb; }
	td.c_del { border: 1px solid #bbbbbb; border-right: 0; border-radius: 6px 0 0 6px; height: auto; }
	td.c_img { width: auto; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; }
	td.c_img img { width: 50px !important; }
	td.c_title { border-top: 1px solid #bbbbbb; border-radius: 0 6px 0 0; }
	td.c_unit { text-align: left; }
	td.c_qty { text-align: left; border-bottom: 1px solid #bbbbbb; border-radius: 0 0 6px 0; }
	td.c_qty input { width: auto; }
	#c_upBtn { font-size: 13px; padding: 2px 6px; margin: 0 0 0 4px; }
	td.c_sub { display: none; }
	td#c_total { padding: 0; border-top: 0; }
	.c_totals { float: none; width: auto; }
	.c_box { float: none; width: auto; margin-right: 0; }
	#c_cvvhelpbox { left: -140px; width: 160px; }
	.subpages div { width: 48%; }

}

@media (max-width: 380px) {
	/* Shopping Cart */
	table.cart * { font-size: 12px !important; line-height: 15px; }
	td.c_del { padding-right: 0; padding-left: 3px; }
	td.c_img { display: none; }
	td.c_title,
	td.c_opt,
	td.c_unit,
	td.c_qty,
	td.c_sub { padding-left: 0; }
	.c_totals div > span { width: 50%; }
	.c_totals span > span { width: 100%; }
}