/* Colours 

Text Grey #404737;
Text Link #100c56;

Light Grey #e7e8e6;

Orange Dark #c63209;
Green Main #69c600;
Green Dark #4b8d00;

Green BG #d9f1bf;

*/

body
{background:#d9f1bf; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0px; font-size:14px;}

h1, h2, h3, h4, p, li, div, form, label, input, textarea, select
{font-family:Tahoma, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, p
{color:#404737; padding:6px; margin:0px;}

h1 {font-size:24px; padding:0px 6px 6px 6px;}
h1 em {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:22px; display:block;}


h2, h3 {font-size:18px;}

h3 {font-weight:normal;}
p {line-height:20px;}

a {color:#100c56;}

.clear {clear:both;}
.nowrap {white-space:nowrap;}
.hide {display:none;}

hr
{border:0; height:0; border-top:#d9f1bf 1px solid; border-bottom:#fff 1px solid;}

p small
{line-height:12px;}

p.small
{font-size:10px; line-height:normal;}

ul {margin:12px 12px; padding:0px;}
li {margin:6px;}

.unavailable  {color:#ccc;}

/* Tables */
table, th, td
{border:#d9f1bf 1px solid; padding:5px 10px; color:#404737;}

th a {text-decoration:none;}

table
{background:#fff; border-collapse:collapse; width:98%; margin:1%;}

td.blank
{background:#d9f1bf;}
td.code {font-size:10px;}

td.delete
{text-align:center; width:30px;}
td.delete input
{margin:0px auto; font-size:10px;}
td.quantity
{width:auto; text-align:center; height:70px; background:#ecf8df;}
td.quantity input
{margin:0px auto;}
td.quantity input.button
{font-size:10px; padding:6px;}
td.refund {background:#ecf8df; text-align:center;}
td.date, td.status, td.gccode, td.gcdate, td.gcredeemed {text-align:center;}

td.product
{width:auto; word-wrap: break-word !important;}
td.product span
{/*white-space:nowrap;*/}
td.product small
{display:block; line-height:normal; word-wrap: break-word !important;}

td.tblsub
{background:#ecf8df; height:30px;}

td.price, td.total
{width:60px; color:#c63209; text-align:right; font-weight:bold;}
td.price, td.total
{text-align:right;}

td.vat
{text-align:center; width:50px !important;}

/* Forms */
label
{color:#4b8d00; width:160px; display:inline-block; padding:3px 0px; float:left; font-weight:bold;}
label.right
{font-size:12px; width:80%; line-height:16px; font-weight:normal;}

input[type=text], input[type=url], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=date], textarea
{color:#b7bab4; border:#cfd1cd 1px solid; border-radius:2px; padding:4px; font-size:14px; width:262px; -webkit-appearance: none; -moz-appearance: none;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input[type=text]:focus, input[type=url]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, textarea:focus
{color:#404737; border:#69c600 1px solid;
-moz-box-shadow: 0px 1px 2px rgba(180,226,128,0.5);
-webkit-box-shadow: 0px 1px 2px rgba(180,226,128,0.5);
box-shadow: 0px 0px 6px rgba(180,226,128,0.5);
}



select
{/* not style due to iphone/ipad */max-width:262px;}
input[type=checkbox], input[type=radio]
{width:12px; float:left; padding:6px 0px; margin:6px 12px 6px 0px;}

.problems {color:#c63209;}

.button
{
background:#eee;
font-size:18px;
text-decoration:none;
text-align:center;
padding:12px;
display:block;
color:#fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
border-radius:6px;

-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

background: #404737; /* Old browsers */
background: -moz-linear-gradient(top,  #404737 0%, #24291f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404737), color-stop(100%,#24291f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #404737 0%,#24291f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #404737 0%,#24291f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #404737 0%,#24291f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #404737 0%,#24291f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404737', endColorstr='#24291f',GradientType=0 ); /* IE6-9 */

border:#24291f 1px solid;
}

.button:hover
{background: #404737;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.0);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.0);
box-shadow: 0px 1px 2px rgba(0,0,0,0.0);
}

.orange
{
background: #d46546; /* Old browsers */
background: -moz-linear-gradient(top,  #d46546 0%, #c63209 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed440), color-stop(0%,#d46546), color-stop(100%,#c63209)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d46546 0%,#c63209 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d46546 0%,#c63209 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d46546 0%,#c63209 100%); /* IE10+ */
background: linear-gradient(to bottom, #d46546 0%,#c63209 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d46546', endColorstr='#c63209',GradientType=0 ); /* IE6-9 */
border:#c63209 1px solid;
font-weight:bold;
}

.orange:hover
{background: #d46546;}

.white
{
display:inline-block;
float:left;
background: #ecf8df;
border:#fff 0px solid;
font-weight:normal;
font-size:14px;
text-shadow:none;
color:#100c56;
margin:3px;
}

.white:hover
{background: #fff;}

#top
{
background: #69c600; /* Old browsers */
background: -moz-linear-gradient(top,  #69c600 20%, #d8f1be 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#69c600), color-stop(100%,#d8f1be)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #69c600 20%,#d8f1be 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #69c600 20%,#d8f1be 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #69c600 20%,#d8f1be 100%); /* IE10+ */
background: linear-gradient(to bottom,  #69c600 20%,#d8f1be 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c600', endColorstr='#d8f1be',GradientType=0 ); /* IE6-9 */
}

#topband
{
background: #24291f; /* Old browsers */
background: -moz-linear-gradient(top,  #404737 0%, #24291f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404737), color-stop(100%,#24291f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #404737 0%,#24291f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #404737 0%,#24291f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #404737 0%,#24291f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #404737 0%,#24291f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404737', endColorstr='#24291f',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

#topbandblock
{color:#404737; margin:0px auto; padding:0px; min-height:40px;}

#topbandblock a
{color:#69c600; text-decoration:none;}
#topbandblock a:hover
{color:#fff;}

#topbandnavi, #topbandsearchblock
{margin:0px; float:left;}

#topbandnavi a small {font-size:9px; text-transform:uppercase; color:#888c82;}
#topbandnavi a:hover small {color:#fff;}

#topbandsearch
{width:270px; background:#fff; float:right; border-radius:6px; border:#69c600 1px solid;}
#topbandsearch label
{display:none;}

#topbandsearch input
{width:228px; float:left; border:#fff 1px solid; color:#69c600; border-radius:6px;}
/* #topbandsearch input.search
{width:32px;} */
input.searchicon
{background:url(../images/exp-sprite.png) -530px -28px  no-repeat; width:22px !important; height:22px !important; margin:3px; display:block; float:right;}
a.searchicon strong
{display:none;}

#topcontainer
{margin:0px auto;}

#explogo
{display:block; float:left;}
#explogo strong
{display:none;}

a.basket
{
background: #8ed440; /* Old browsers */
background: -moz-linear-gradient(top,  #8ed440 0%, #69c600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed440), color-stop(100%,#69c600)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8ed440 0%,#69c600 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8ed440 0%,#69c600 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8ed440 0%,#69c600 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8ed440 0%,#69c600 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed440', endColorstr='#69c600',GradientType=0 ); /* IE6-9 */

display:block; border-radius:12px; padding:20px; width:146px; float:right; text-decoration:none; color:#fff;

-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

a.basket:hover
{background: #69c600;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}

a.checkout
{
background: #d46546; /* Old browsers */
background: -moz-linear-gradient(top,  #d46546 0%, #c63209 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed440), color-stop(0%,#d46546), color-stop(100%,#c63209)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d46546 0%,#c63209 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d46546 0%,#c63209 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d46546 0%,#c63209 100%); /* IE10+ */
background: linear-gradient(to bottom, #d46546 0%,#c63209 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d46546', endColorstr='#c63209',GradientType=0 ); /* IE6-9 */
}

a.checkout:hover
{background: #df5f3b;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}

a.basket .icon
{background: url(../images/exp-sprite.png) -530px 0 no-repeat; width:37px; height:28px; float:left; margin:4px 12px 0px 0px;}
a.basket strong
{display:block; font-size:18px;}
a.basket div
{font-size:12px;}

#navi
{
 
clear:both;
display:block;

margin:0px auto;
}

#navi li
{

display:block;
float:left;
padding:3px;
list-style-type:none;
position:relative; 
margin:0px;
}

#navi li a
{
background:#00ff00;
display:block;
text-align:center;
text-decoration:none;
color:#fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);

background: #404737; /* Old browsers */
background: -moz-linear-gradient(top,  #404737 0%, #24291f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404737), color-stop(100%,#24291f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #404737 0%,#24291f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #404737 0%,#24291f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #404737 0%,#24291f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #404737 0%,#24291f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404737', endColorstr='#24291f',GradientType=0 ); /* IE6-9 */

border:#24291f 1px solid;

-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

/* cursor:default; */
}

#navi li a.amphibians, #navi li a.reptiles, #navi li a.inverts
{font-weight:bold; border:#4b8d00 1px solid;}

#navi li a.amphibians {background: url(../images/exp-sprite.png) 0px -225px no-repeat;}
#navi li a.reptiles {background: url(../images/exp-sprite.png) -186px -225px no-repeat;}
#navi li a.inverts {background: url(../images/exp-sprite.png) -372px -225px no-repeat;}

#navi li:hover a
{
background: #fff;
color:#69c600;

text-shadow: 0px 0px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);

box-shadow: 0px 0px 2px rgba(0,0,0,0.3);

border:#fff 1px solid;  
}

.bticon
{display:none;}


div.drop1,
div.drop2,
div.drop3,
div.drop4,
div.drop5
{
background:#fff;
/*
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(231,232,230,0.95) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(231,232,230,0.95)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,232,230,0.95) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,232,230,0.95) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,232,230,0.95) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,232,230,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2e7e8e6',GradientType=0 );
*/
margin:-6px 3px;  
position:absolute;  
left:-999em; /* Hides the drop down */  
text-align:left;  
padding:0px 0px 0px 0px;
border-radius:0px 0px 6px 6px;   
border-top:none; 
box-shadow: 0px 1px 2px rgba(0,0,0,0.3); 
z-index:100;
}

#navi li:hover .drop1,
#navi li:hover .drop2,
#navi li:hover .drop3,
#navi li:hover .drop4,
#navi li:hover .drop5
{left:0px;top:auto;}

/* width of dropdown menu */
#navi li:hover .drop1 {width:954px;}
#navi li:hover .drop2 {width:954px; left:-192px}
#navi li:hover .drop3 {width:954px; left:-384px;}
#navi li:hover .drop4 {width:954px; left:-576px;}
#navi li:hover .drop5 {width:954px; left:-768px;}

.dropborder {padding:1px;} /* Used for spacing - for four dropcol divs*/

.dropbg {
background: #ecf8df;
/*
background: -moz-linear-gradient(top,  #e7e8e6 0%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #e7e8e6 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e7e8e6 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e8e6', endColorstr='#ffffff',GradientType=0 );
*/
padding:6px;
float:left;}

.dropcol 
{width:214px; float:left; padding:12px;}


#navi .dropcol ul {display:block; margin:0px; padding:0px; width:100%;}
#navi .dropcol ul li {display:block; margin:0px; padding:0px; width:100%; font-weight:bold; color:#404737;}

#navi .dropcol ul li a, #navi .dropcol ul li span {display:block; background:none; box-shadow:none; margin:0px; padding:6px; border:0px; border-radius:3px; text-align:left; font-size:14px; font-weight:normal; cursor:pointer; color:#df5f3b;}

#navi .dropcol ul li a:hover {text-decoration:underline;}
#navi .dropcol ul li span {cursor:default;}
#navi .dropcol ul ul li a { display:block; margin:0px 0px; padding:6px; border:0px; border-radius:0px; text-align:left; font-size:12px; cursor:pointer; font-weight:normal; color:#4b8d00;}
#navi .dropcol ul ul li a:hover {text-decoration:none;}

#navi .dropcol ul ul li strong {}
#navi .dropcol ul ul li em {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px;}

#navi .dropcol ul li a:hover {background:#f8e5e0; text-decoration:none;}
#navi .dropcol ul ul li a:hover {background:#ecf8df; border-radius:3px;}

#navi .dropcol ul ul li a i {color:#c7e99f;}

.dropcolbanner
{float:left; width:220px; padding:6px; margin:0px;}
.dropbg a, .dropcolbanner a {padding:0px !important; margin:0px !important; border-radius:0px !important; cursor:pointer !important; border:0px !important; box-shadow:none !important; background:none !important;}
.dropcolbanner img {vertical-align:top; border-radius:6px;}

a.sectionbannerlink {display:block !important; float:left !important; cursor:pointer !important; border:0px !important; margin:0px !important; padding:0px !important; box-shadow:none !important;}
.sectionbanner {width:476px; height:240px; vertical-align:top;margin:0px; padding:0px; border-radius:0px 0px 5px 0px; float:left; display:block;}

/*
#navi li ul
{display:block; margin:0px; padding:0px; width:228px; background:#cc0000;}
#navi li ul li
{display:block; margin:0px 0px 0px 0px; padding:0px; width:228px; background:#00cc00;}
#navi li ul li a
{cursor:pointer; background:none; display:block; margin:0px; padding:6px; font-size:12px; text-align:left; border:0px; border-top:#fff 1px solid; border-bottom:#e7e8e6 1px solid; border-radius:0px; box-shadow:none;}
*/

/* width of dropdown menu */
/*
#navi li:hover .drop1 {width:930px;}
#navi li:hover .drop2 {width:558px;}
#navi li:hover .drop3 {width:930px; left:-372px;}
#navi li:hover .drop4 {width:930px; left:-558px;}
#navi li:hover .drop5 {width:372px; left:-186px;}


#navi li ul
{display:block; margin:0px; padding:0px; width:186px; float:left;}
#navi li ul li
{display:block; margin:0px; padding:0px; width:186px;}
#navi li ul li a
{cursor:pointer; background:none !important; display:block; margin:0px; padding:6px 12px; font-size:14px; text-align:left; border:0px !important; border-top:#fff 1px solid !important; border-bottom:#e7e8e6 1px solid !important; border-radius:0px; box-shadow:none !important;}
#navi li ul li  ul li a
{cursor:pointer; color:#171079 !important; font-size:12px;  padding:8px 12px 7px 12px;}
#navi li ul li a:hover
{ background:#fff !important; color:#c63209;}
*/

#container
{margin:0px auto; clear:both;}

#breadcrumb
{font-size:12px; padding:6px; color:#4b8d00;}

.msg
{
border:#404737 1px solid;
margin:6px; background:#fff; border-radius:6px; padding:18px;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}
.red {border:#c63209 1px solid; color:#c63209;}
div.red ul, div.red ul li {color:#c63209;}
.green
{border:#4b8d00 1px solid; color:#4b8d00;}
.redtext
{color:#c63209;}

div.prodblock
{width:308px; float:left; padding:6px;}
div.prodblockbg
{
background:#fff; border-radius:6px; 
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
box-shadow: 0px 1px 2px rgba(0,0,0,0.5); 
padding:0px 0px 12px 0px;
min-height:160px;
}
div.prodblockad
{padding:0px 0px 0px 0px;}

div.prodblockbg a img
{float:left; border-radius:6px 0px 0px 0px; width:172px; height:172px;}
div.prodblocktitle
{float:left; width:112px; height:148px; padding:12px; border-radius:0px 6px 0px 0px; word-wrap:break-word; overflow:hidden;}
div.prodblocktitle strong, div.prodblocktitle em, div.prodblocktitle span
{display:block; margin:0px 0px 6px 0px;}
div.prodblocktitle em
{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
div.prodblocktitle small
{display:block; color:#c63209; font-size:10px;}
div.prodblocktitle span
{color:#c63209; font-weight:bold;}
div.prodblockdesc
{clear:both; font-size:10px; padding:12px 12px 0px 12px; width:284px; height:54px; overflow:hidden; line-height:12px;}
div.prodblockbg a:hover
{color:#c63209;}
div.prodblockbg a:hover div.prodblocktitle
{background:#fbebe7;}

#prdrelated div.prodblock
{width:284px;}
#prdrelated div.prodblockbg
{min-height:130px;}
#prdrelated div.prodblockbg a img
{border-radius:6px 0px 0px 6px; width:142px; height:142px;}
#prdrelated div.prodblocktitle
{height:118px;  width:118px; border-radius:0px 6px 6px 0px;}

#prdrelatedlist div.prodblocktitle em {display:none;}

#categories div.prodblock, #notavailable div.prodblock
{width:148px;}
#categories div.prodblockbg, #notavailable div.prodblockbg
{height:238px; background:#ecf8df;}
#categories div.prodblockbg
{height:196px; background:#ecf8df;}
#categories div.prodblockbg a img, #notavailable div.prodblockbg a img
{width:148px; height:148px; border-radius:6px 6px 0px 0px;}
#categories div.prodblocktitle, #notavailable div.prodblocktitle
{width:124px; height:78px; border-radius:0px 0px 6px 6px; font-size:12px; overflow:hidden;}
#categories div.prodblocktitle strong, #categories div.prodblocktitle em, #categories div.prodblocktitle span,
#notavailable div.prodblocktitle strong, #notavailable div.prodblocktitle em, #notavailable div.prodblocktitle span
{margin:0px 0px 2px 0px;}
#notavailable div.prodblocktitle em
{font-size:10px;}

#notavailable div.prodblockbg a img {
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
opacity: 0.3;
filter: alpha(opacity=30); /* For IE8 and earlier */
}

#notavailable div.prodblockbg a:hover img {
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
filter: grayscale(0%);
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}

#categories div.prodblocktitle
{width:124px; height:36px; border-radius:0px 0px 6px 6px; font-size:12px; text-align:center; overflow:hidden;}

#prdtopblock
{
background:#fff; border-radius:6px 6px 0px 0px; margin:6px auto 0px auto;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

img.prdimage
{float:left; border-radius:6px;}

#prdtitle
{float:left; padding:12px;}

#prdtitle table
{background:#fff; border:0px; border-top:#e7e8e6 1px dotted; margin:6px 0px;}
#prdtitle table th, #prdtitle table td
{text-align:left; padding:6px; vertical-align:top; font-size:12px; color:#4b8d00; border:0px; border-bottom:#e7e8e6 1px dotted; margin:0px;}

#prdopsblock
{
background: #c7e99f; /* Old browsers */
background: -moz-linear-gradient(top,  #c7e99f 0%, #d9f1bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e99f), color-stop(100%,#d9f1bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c7e99f 0%,#d9f1bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c7e99f 0%,#d9f1bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c7e99f 0%,#d9f1bf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c7e99f 0%,#d9f1bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e99f', endColorstr='#d9f1bf',GradientType=0 ); /* IE6-9 */
margin:0px auto;
}

div.prdoptblock
{
background:#fff;
margin:6px auto;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
border-radius:6px;
}

div.prdoptdesc
{float:left;}

img.prdoptimage
{width:70px; height:70px; border-radius:6px; margin:6px; float:left;}

div.prdopttext
{padding:6px; float:left; width:190px; font-size:12px; color:#c63209;}
div.prdopttext strong {color:#000;}
div.prdopttext strong a {text-decoration:none; color:#000;}
div.prdopttext strong a:hover {text-decoration:underline;}
div.prdopttext small, div.prdopttext span
{color:#888c82;}
div.prdopttext small
{font-size:10px;}
div.prdopttext small a
{color:#888c82; text-decoration:none;}
div.prdopttext small a:hover
{text-decoration:underline;}

div.prdoptbuy
{float:left; width:272px;}
div.prdoptbuy label
{display:none;}
div.prdoptqty
{background:#fff; width:44px; padding:18px 6px 6px 6px; float:left;}
div.prdoptqty input
{text-align:center; width:34px;}

div.prdoptprice
{width:117px; padding:8px 6px 6px 6px; float:left; text-align:right;}
div.prdoptprice strong
{font-size:24px; color:#c63209; display:block;}
div.prdoptprice small
{font-size:12px; color:#c63209; display:block;}
div.prdoptprice a
{color:#c63209; text-decoration:none;}
div.prdoptprice a:hover
{text-decoration:underline;}

div.prdoptbutton
{float:left; width:70px; padding:6px;}

.emailme
{margin:6px auto;}

#prdarrowdown
{clear:both;}
#prdarrowup
{height:26px; background: url(../images/exp-sprite.png) center -347px no-repeat;}

#prddescblock, #contentblock, #jssor_1
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e8e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e8e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e8e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e8e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e8e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e7e8e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e8e6',GradientType=0 ); /* IE6-9 */

margin:0 auto; 

border-radius:0px 0px 6px 6px;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
box-shadow: 0px 1px 1px rgba(0,0,0,0.2); 
}

#prddesc, div.content
{background:#fff; padding:12px; float:left; border-radius:6px;}

#prddesc ul, div.content ul {padding:0px 12px;}

#prddesc li, div.content li
{margin:0px 0px 6px 0px; color:#4b8d00;}

.research {clear:both; background:#ecf8df; padding:12px; border-radius:6px; border:#c7e99f 1px solid; margin:12px 0px 0px 0px; color:#3c7100;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);}
.research i, .research strong {font-size:18px;}
.research i {color:#c63209;}
.research small {display:block; margin:6px 0px 0px 0px;color:#3c7100;}

.caution {display:block; clear:both; line-height:normal !important; background:#f8e5e0; padding:12px; border-radius:6px; border:#e9b2a3 1px solid; margin:6px 0px 6px 0px; color:#c63209;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);}

#contentblock, #jssor_1
{border-radius:6px; margin:6px auto 0px auto;}

div.column
{float:left; padding:12px;}

div.column ul.colnavi
{display:block; padding:3px 0px 6px 0px; margin:auto; max-width:604px;}
div.column ul.colnavi li
{list-style-type:none; display:block; padding:0px 6px; margin:0px; float:left;}
div.column ul.colnavi li a
{display:block; padding:6px 0px; border-bottom:#fff 1px solid;}

div.contentblank {margin:6px; padding:12px;}

#base
{
clear:both;
background: #d9f1bf; /* Old browsers */
background: -moz-linear-gradient(top,  #d9f1bf 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f1bf), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d9f1bf 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d9f1bf 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d9f1bf 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d9f1bf 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f1bf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*background:#fff;*/
}
#baseblock
{background:#fff; background: rgba(255, 255, 255, 1.0); border-radius:12px; margin:0px auto;}
div.basecolumn
{padding:6px; width:308px; float:left;}

div.basecolumn ul {display:block; padding:0px; margin:0px;}
div.basecolumn ul li {list-style-type:none; display:block; padding:0px; margin:0px 0px 0px 0px;}
div.basecolumn ul li a {display:block; padding:5px; text-decoration:none; font-size:12px; border-top:1px #e7e8e6 dotted;}
div.basecolumn ul li a:hover { background:#ecf8df;}
div.basecolumn ul li a i {color:#c7e99f;}

div.rightcolcontact ul {display:block; padding:0px; margin:0px;}
div.rightcolcontact ul li {list-style-type:none; display:block; padding:0px; margin:0px 0px 0px 0px;}
div.rightcolcontact ul li a {display:block; padding:5px; text-decoration:none; font-size:12px; border-top:1px #e7e8e6 dotted;}
div.rightcolcontact ul li a:hover { background:#ecf8df;}
div.rightcolcontact ul li a i {color:#c7e99f;}

.socialicons {text-align:center; padding:10px;}
.socialicons a {display:inline-block; margin:5px;}
.socialicons a i {color:#d9f1bf;}
.socialicons a:hover i {color:#6bc703;}

.latestnews p {font-size:12px; line-height:16px;}
.latestnews p strong {font-size:14px; line-height:18px;}
.latestnews p small {font-size:10px; color:#4b8d00;}
.latestnews a {text-decoration:none;}
.latestnews a:hover {text-decoration:underline;}

.latestupdates p {font-size:12px; line-height:normal;}
.latestupdates p small {font-size:10px; color:#4b8d00;}
.latestupdates a {text-decoration:none;}
.latestupdates a:hover {text-decoration:underline;}

.featuredproduct 
{background:#ecf8df;
border-radius:6px;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
box-shadow: 0px 1px 1px rgba(0,0,0,0.2); 
padding:0px 0px 6px 0px;
}

.featuredproduct img
{margin:6px 6px 0px 6px; width:296px; height:296px; border:0px; border-radius:6px;}
.featuredproduct p
{font-size:12px; line-height:16px; padding:6px 12px;}
.featuredproduct p.fptitle
{font-size:14px; line-height:18px;}
.featuredproduct p.fptitle em
{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:12px;}

.featuredproduct p.fptitle a
{text-decoration:none;}
.featuredproduct p.fptitle a:hover
{text-decoration:underline;}

.featuredproduct p.fpprice
{color:#c63209;}



div.checkoutaddressblock {background:#ecf8df; margin:1%;}
div.checkoutaddress {width:50%; float:left; border-top:#fff 1px solid;}

.emailmsg {background:#fff; padding:12px; width:80%; border-radius:6px; box-shadow: 0px 1px 2px rgba(0,0,0,0.3);}
.emailexp {background:#ecf8df; float:right; color:#4b8d00;}


.contentblank img, .content img, #prddesc img
{max-width:100%; max-height:100%;}

.suppliers
{background: url(../images/exp-sprite.png) 0 -377px no-repeat; width:308px; height:375px; display:block;}

/* Banners */
.bannerad {margin:5px auto;}
.footerad, .topad, .productad {max-width:728px !important;}

/* Website */

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

#topbandblock, #topcontainer, #container, #baseblock
{width:960px;}

#topbandnavi
{width:432px; padding:12px 24px;}

#topbandsearchblock
{width:432px; padding:6px 24px;}

#explogo
{background: url(../images/exp-sprite.png) 0 0 no-repeat; width:530px; height:86px; margin:20px 0px 0px 24px;}

a.basket
{margin:30px 24px 0px 0px;}

#navi
{width:960px; padding:12px 0px 0px 0px;}

#navi li
{width:186px;}

#navi li a
{font-size:18px; padding:12px 0px; border-radius:6px;}

#prdtopblock, #prdopsblock, #prddescblock, #contentblock, #jssor_1
{width:948px;}
#prdarrowdown
{height:26px; background: url(../images/exp-sprite.png) center -321px no-repeat;}
#prdarrowup
{height:26px; background: url(../images/exp-sprite.png) center -347px no-repeat;}

img.prdimage
{width:450px; height:450px; margin:12px;}

#prdtitle
{width:450px;}

#prddesc, div.content
{width:604px;}

#prdrelated
{width:296px; float:left; padding:12px;}

div.prdoptblock
{width:804px;}
div.prdopttext
{width:426px;}
div.prdoptbuy
{padding:12px 6px 6px 6px;}

.emailme
{width:580px;}

.column
{width:296px;}

.onecol
{width:924px !important;}

div.column ul.colnavi li
{width:284px;}

.smallprint {color:#404737; height:26px; width:592px; float:left; padding:12px 24px; font-size:10px;}
.smallprint a {color:#404737; text-decoration:underline;}
.creditcards {width:314px; height:44px; margin:3px; float:left; background: url(../images/exp-sprite.png) -570px -0px no-repeat;}

div.checkoutaddress {width:48%; float:left; padding:1%;}

}



/* Tablet */

@media screen and (max-width: 960px) {
 
#topbandblock, #topcontainer, #container, #baseblock
{width:640px;}
 
#topbandnavi
{width:272px; padding:11px 24px;}

#topbandsearchblock
{width:272px; padding:6px 24px;}

#explogo
{background: url(../images/exp-sprite.png) 0 -86px no-repeat; width:392px; height:64px; margin:20px 0px 0px 24px;}

a.basket
{margin:12px 24px 0px 0px;}

#navi
{width:640px; padding:10px 0px 0px 0px;}

#navi li
{width:122px;}

#navi li a
{font-size:14px; padding:10px 0px; border-radius:6px;}

#prdtopblock, #prdopsblock, #prddescblock, #contentblock, #jssor_1
{width:628px;}
#prdarrowdown
{height:18px; background: url(../images/exp-sprite.png) center -329px no-repeat;}
#prdarrowup
{height:18px; background: url(../images/exp-sprite.png) center -347px no-repeat;}


img.prdimage
{width:302px; height:302px; margin:6px;}

#prdtitle
{width:290px;}

#prddesc, div.content
{width:604px; float:none;}

#prdrelated
{float:none; padding:12px;}

#prdrelatedlist
{width:592px; margin:0px auto;}

div.prdoptblock
{width:604px;}
div.prdopttext
{width:226px;}
div.prdoptbuy
{padding:12px 6px 6px 6px;}

.emailme
{width:500px;}

div.column {width:604px;}
.onecol {width:604px !important;}
div.column ul.colnavi li {width:290px;}

div.drop1,
div.drop2,
div.drop3,
div.drop4,
div.drop5
{display:none;}



/* Tables */
#delete, td.delete, #price, td.price, #code, td.code, #refund, td.refund
{display:none;}
td.mobprdwidth a, td.mobprdwidth strong, td.mobprdwidth small
{word-wrap: break-word; max-width:390px !important; display:block; margin:0px; padding:0px;}
td.mobprdwidth br
{display:none;}

div.checkoutaddress {width:46%; float:left; padding:2%;}


.smallprint {color:#404737; height:26px; width:auto; float:none; padding:12px 24px; font-size:10px; text-align:center;}
.smallprint a {color:#404737; text-decoration:underline;}
.creditcards {width:314px; height:44px; margin:3px auto; float:none; background: url(../images/exp-sprite.png) -570px -0px no-repeat;}

.featured {display:none;}

.newscol {width:98% !important;}

}



/* Mobile */
@media screen and (max-width: 640px) {
 
#topbandblock, #topcontainer, #container, #baseblock
{width:320px;}

#topbandnavi {width:148px; padding:6px;}
#topbandnavi span {display:none;}

#topbandnavi  a.topbt
{ 
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
display:block; float:left; width:24px; border-radius:6px; width:30px; margin:0px 3px; padding:0px; height:30px;
}

#topbandnavi a.home
{background:#404737 url(../images/exp-sprite.png) -392px -86px  no-repeat;}
#topbandnavi a.home:hover
{background:#373d2f url(../images/exp-sprite.png) -392px -86px  no-repeat;}

#topbandnavi a.contact
{background:#404737 url(../images/exp-sprite.png) -422px -86px  no-repeat;}
#topbandnavi a.contact:hover
{background:#373d2f url(../images/exp-sprite.png) -422px -86px  no-repeat;}

#topbandnavi a.account
{background:#404737 url(../images/exp-sprite.png) -452px -86px  no-repeat;}
#topbandnavi a.account:hover
{background:#373d2f url(../images/exp-sprite.png) -452px -86px  no-repeat;}

#topbandsearchblock {width:148px; padding:6px;}

#topbandsearch {width:146px;}
#topbandsearch input {width:104px; border:#fff 1px solid;}
#topbandsearch input.search {width:32px;}

#explogo
{background:url(../images/exp-sprite.png) 0 -150px no-repeat; width:128px; height:75px; margin:4px 0px 0px 6px;}
a.basket
{margin:12px 6px 0px 0px; padding:12px 10px;}

#navi
{width:320px; padding:2px 0px 0px 0px;}

#navi li
{width:60px; padding:2px;}

#navi li a
{font-size:18px;}

#navi li a
{font-size:10px; padding:6px 0px; border-radius:4px; font-weight:normal !important;}

.bticon
{/*background:#cc0000;*/ display:block; width:46px; height:40px; margin:0px auto;}
.btamphibians 
{background:url(../images/exp-sprite.png) -558px -226px no-repeat;}
.btreptiles 
{background:url(../images/exp-sprite.png) -604px -226px no-repeat;}
.btinverts 
{background:url(../images/exp-sprite.png) -650px -226px no-repeat;}
.btfood 
{background:url(../images/exp-sprite.png) -696px -226px no-repeat;}
.btsupplies
{background:url(../images/exp-sprite.png) -742px -226px no-repeat;}
.btgrid
{background:url(../images/exp-sprite.png) -788px -226px no-repeat;}

div.drop1,
div.drop2,
div.drop3,
div.drop4,
div.drop5
{display:none;}

#breadcrumb, #prdthumbs {display:none;}

#prdtopblock, #prdopsblock, #prddescblock, #prdimages, #contentblock
{width:308px;}
#prdarrowdown
{height:10px; background: url(../images/exp-sprite.png) center -337px no-repeat;}
#prdarrowup
{height:10px; background: url(../images/exp-sprite.png) center -347px no-repeat;}

img.prdimage
{width:308px; height:308px; margin:0px;}

#prdtitle
{width:284px;}

#prddesc, div.content
{width:284px; float:none;}

#prdrelated
{float:none; padding:6px;}
#prdrelated h2
{padding:12px;}
#prdrelatedlist
{width:auto;}

div.prdoptblock
{width:284px;}
div.prdopttext
{width:190px;}
div.prdoptbuy
{padding:6px;}

.emailme
{width:260px;}

div.column {width:284px;}
.onecol {width:284px !important;}
div.column ul.colnavi li {width:272px;}

input.giftcert
{width:180px;}

/* Tables */
#delete, td.delete, #price, td.price, #date, td.date, #survey, td.survey, .gccode, .gcdate
{display:none;}
td.mobprdwidth a, td.mobprdwidth strong, td.mobprdwidth small
{word-wrap: break-word; max-width:110px !important; display:block; margin:0px; padding:0px;}
td.mobprdwidth br
{display:none;}

div.checkoutaddressblock {padding:0%;}
div.checkoutaddress {width:96%; float:none; padding:2%;}

.newscol {width:96% !important;}

.smallprint {color:#404737; height:auto; width:auto; float:none; padding:12px 24px; font-size:10px; text-align:center;}
.smallprint a {color:#404737; text-decoration:underline;}
.creditcards {width:314px; height:44px; margin:3px auto; float:none; background: url(../images/exp-sprite.png) -570px -0px no-repeat;}


}