@import url("reset.css") screen;
@import url("animation.css") screen;

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


img, fieldset{
    padding: 0px;
    border: none;
	margin: 0px;
	line-height: 0px;
}

/*a{
    color: #cccccc;
    text-decoration: none;
	font-weight: bold;
}


a:hover {
    text-decoration: none;
    color: #ffffff;
}
*/
.mailtolink {
	font-weight:normal;
	color:#0066c0;
	font-size:10px;
    text-align: center;	
	}
	
.mailtolink a {
	font-weight:bold;
    text-decoration: underline;
    color: #0066c0;
}

.mailtolink a:hover {
	font-weight:bold;
    text-decoration: underline;
    color: #0066c0;
}


a:focus {
	outline: 0;
}

h2{
	font: 24px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}

h3{
	font: 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	padding-bottom: 5px;
}

body{
	vertical-align:top!important;
	width:800px;
	margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #666666;
    background: #001a00 url(images/bg_treegr.png) no-repeat;
}

.clear{
	clear: both;	
}

.read{
	text-align: right;
	padding-right: 5px;
}

.read a{
	font-weight: bold;
	color: #cc6e15;
}

.read a:hover{
	color: #fff;
}

#wrap{
	width: 1054px;
	margin: 0 auto;
}

.inventory ul {
    list-style: none;
    margin: 0 auto;
    width: 95%;
    vertical-align: top!important;
}

.inventory li, .singleheight, .doubleheight {
    margin-left: 0px;
    padding: 0px;
    display: inline-block;
    margin-bottom: 2px;
    vertical-align: top!important;
 	}

.inventory li a:hover {
	//color: darkolivegreen;
}

.doubleheight  {
    vertical-align: top!important;
height: 100%;
}

.singleheight  {
    vertical-align: top!important;
height:100%;
}

.singlewidth, .doublewidth {
  display: list-item;
  *display: list-item;
  *zoom: 1;
  margin-bottom:5px;
  width:180px;
    vertical-align: top!important;
}

.doublewidth {
  width:305px;
    vertical-align: top!important;
 }

#cBoxWrapper{
   	float:right;
	position:relative;
	top:-220px;
	right:11px;
	height:58px;
	width:180px;
}

.items {
    border-radius: 50px;
    width: 98%!important;
    background: darkolivegreen;
    margin: 2px auto;
    text-align: center;
    color: white;
    display: list-item;
    font-weight: bold;
    border-bottom: 1px solid darkslategrey;
}

.mbcItemIntroTxt{
font: 11px Arial, Helvetica, sans-serif;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: justify;
    background-color: none;
	}

.mbcItemIntroLink {
  //  color: #666666;
//	margin-top:2px;
    font-variant: small-caps;
	front-weight:500;
	
	float: right;
	font-size: 6pt;
	border-top:1px solid  rgb(217, 217, 217);
	border-bottom:1px solid  rgb(217, 217, 217);
	}
	
.mbcItemIntroLink a{
 //   color: #666666;
    text-decoration: none;
}

.mbcItemIntroLink a:hover {
    text-decoration: none;
  //  color: #666666;
    }

.buybtn, .buybtnhome{
	visibility:hidden;
	position:relative;
	top: 30px;
	width:180px;
	height:30px;
	text-align:center;
	background: #e3e3e5;
		display: none;

}

.buybnk {
	border: 0;
    padding: 1px 2px;
    background-color: white;
    width: 97%;
}
    


#buybox{
	background-image:url(images/pricedelay.jpg); 
	background-repeat:no-repeat;
	position:relative;
	top:-30px;
	height:235px;
	  	display: inline-block;
  	*display: inline;

}

.buybtnhome{
	display: none;
}


.prices, .discounts {
	font-size: 11px;
	width:160px;
	height:17px;
	text-align:center;
  	display: inline-block;
  	*display: inline;
  	*zoom: 1;
//	text-decoration: line-through;
	text-decoration: none;
	color: #888;
	//background:white;//#D0DDD0; 
}

.discounts {
	display:none;
//	position:relative;
//	top: -5px;
//	text-decoration: none;
//	color: #b12704;//red;
//	background:#E9FCE9; 
}

.prices_bar, .discounts_bar {
	background:rgb(248, 248, 197);//darkgreen;
	font-size: 11px;
	width:180px;
	height:1px;//17px;
	position:relative;
	top: -11px;//-2px;
	text-align:center;
  	display: inline-block;
  	*display: inline;
  	*zoom: 1;
	text-decoration: none;
	color: DarkGreen;
}
.discounts_bar {
	display:block;
	width:95%;
	margin:3px;
	padding-top:10px;
	font-family: Copperplate / Copperplate Gothic Light, sans-serif;
	font-size: 30px;
	text-decoration: none;
	color: #b12704;//darkred;
	text-align:right;
	background:white;
	position:relative;
	top:-5px;
	height:16px;
}

#offer{
	float:left;
	position:relative;
	//top:-10px;
	z-index:100;
}

#intro, #ending {
	float:left;
	position:relative;
	left:-27px;
	top:-30px;
	width:100px;
	z-index:1000;
	visibility:hidden;
}
#ending {
	background:MediumVioletRed;
	color: white;
	font-size: 10px;
	border:1px solid white;
	border-style:solid solid double;
	left:-130px;
	top:70px;
	text-align:center;
	padding:2px;
	z-index:999;
}

#products_1, #products_2 {
	background:white;
	overflow:hidden;
}

#products_1 {
    margin: 0 auto;
    width: 95%;
    vertical-align: top!important;
    }

#products_2 {
    float: right;
    position: relative;
    height: 1167px;
    right: 1px;
}

.cropsquare {
	height:100%;
	border: 1px solid white;	
	overflow:hidden;
	color: darkgrey;	

}

.cropsquare a:hover, a {
	text-decoration:none;
	color: black;
	font-weight:500;
//	border: 1px solid red;	
	}


.cropsquare:hover .mbcContainer_extended,
.cropsquare:hover .mbcContainer_collapsed { 
	background-color: rgba(85,107,47,.1); //darkolivegreen;
}

		
#maqcrimg {
    height: 755px;
    position: relative;
    right: 15px;
    }
   
/*
#maqcrpsq {
    border: 1px solid lightgrey;
    border-radius: 15px;
    margin-bottom:5px;
}
*/
/*
.mbcBox .cBoxTL, .mbcBox .cBoxTR, .mbcBox .cBoxBL, .mbcBox .cBoxBR{ 
	background-image:url(images/spcbox.png); 
	background-repeat:no-repeat;
	visibility:hidden;
}

.mbcBox .cBoxTL { background-position: 0px -140px; }
.mbcBox .cBoxTR { background-position: -9px -140px; }
.mbcBox .cBoxBL { background-position: 0px -152px; }
.mbcBox .cBoxBR { background-position: -10px -152px; }
.mbcBox .cBoxR, .mbcBox .cBoxB {
	} 
.mbcBox {
 	z-index: 100;
 	background-color: #fff;
  	margin-bottom: 0;
	margin-left: 0px;
}
*/

div.mbcContainer, .mbcContainer_collapsed, .mbcContainer_extended {
	width: 98%!important;
	height: 130px;
	background-color: ghostwhite;
    border: 1px solid lightgrey;
    border-radius: 15px;

	//border-radius: 4px;
	//box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}

.mbcContainer_extended {
	//position: relative;
//	left: 4px;
	//top: -50px;
	width: 100%;
//	width: 366px;
}

.mbcContainer_collapsed, .mbcContainer_extended {
 	height: 110px;
}

.mbcContainer_collapsed {
margin-bottom:5px;
}

div.mbcContainer div.mbcTitle, div.emwaTitle {
  	text-align: center;
	}

.xmas {
	display:none;//inline-block;// 
}

#christmasspecials {
width: 100%;
    height: 90px;
    color: red;
    font-size: 16px;
    font-weight: 600;
    z-index: 20;
    text-align: center;
    overflow: visible;
	}
	
.cBox {
	position: relative;
//	width:101%;
	top: 2px;
	}
//.cBoxInner { padding:9px;}
/*
.cBoxTL, .cBoxTR, .cBoxBL, .cBoxBR {
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	z-index:1; }
.cBoxTL { top:0px; left:-1px; }
.cBoxTR { top:0px; right:4px; }
.cBoxBL { bottom:-1px; left:-1px; }
.cBoxBR { bottom:-1px; right:4px; }
.cBoxR { position:absolute; display:block; width:1px; height:100%; top:0px; right:4px; }
.cBoxB { position:absolute; display:block; width:95%; height:1px; bottom:-1px; }
.cBoxTL { background-position: 0px 0px; }
.cBoxTR { background-position: -10px 0px; }
.cBoxBL { background-position: 0px -10px; }
.cBoxBR { background-position: -10px -10px; }
*/

#black_bg{
	background: #ffffff;
}

#white_bg{
	height:50%;
	background: #ffffff;
}

#header_bg{
	background: url(images/header_bg.png) top center;
	padding-top: 7px;
	padding-bottom: 50px;
}

#menu{
	background: url(images/menugr.png) top left;
	height: 73px;
	width: 100%;
	margin-top:10px;
}

#menu ul{
	padding-left: 210px;
    list-style: none;
	margin: 0 auto;
}

#menu ul li{
	display: inline;
}

#menu ul li a{
//	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;	
	font-size:12px;
    color: #cccccc;
	text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: block;
    float: left;
    height: 70px;
    padding-left: 10px;
    padding-right: 20px;
	line-height: 70px;
}

#menu ul li a:hover {
	color: #ffffff;
	text-decoration:none;
}

#logo{
	width: 700px;
	margin: 0 auto;
	height: 52px;
	padding-top: 30px;
	padding-left: 75px;
}

#logo h1 a{
	font: 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#logo a small{
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

#prew_img{
	height: 297px;
}

#wrap
{
background: url(images/content_bg.jpg);
width: 100%
}

#content{
width: 950px;
margin: 0 auto	
}
.wrapper {width:100%;overflow:hidden; padding: 30px;}
.col-1, .col-2, .col-3 {float:left}
.col-1 {width:600px;margin-right:40px}
.col-2 {width:280px}
.list1 {margin-top:-14px}
.list1 li {width:100%;overflow:hidden;vertical-align:top;padding-top:44px}
.list1 li p, .list1 li h4 {position:relative;}
.list1 li h4 {font-size: 20px; font-weight: normal}
.col-1 h3, .col-2 h3 {font-size: 28px; color: #AF5308; margin-right:-40px;}
.list1 li img {float:left;margin-right:15px}
.list1 li .link1 {float:right;margin-bottom:0}
.list1 li .link1:hover {text-decoration:none}
.p2 {margin-bottom:15px}
.img-box img {margin-bottom:15px;display:block}
.zoom {overflow:hidden}

#footer_bot, #footer_bot a{
	font-size: 9px;
	color: white;
}

#Darwinsketch{
	position:relative;
	left:-65px;
	top:-30px;
	z-index:99;
}

#Darwinlogo{
	position:absolute;
	left:50px;
	top:30px;
}

#dm{
	position:relative;
	left:-35px;
	top:-150px;
}

#forms{
	position:relative;
	left:150px;
	top:-165px;
}

#contact{
	float:right;
//	position:relative;
//	left:-10px;
//	top:-80px;
	margin-right:5px;
}


#cartform{
	float:right;
	position:relative;
	left:-20px;
	top:-65px;
	width:50px;
	height:50px;
    visibility: hidden;
}

#cartimg{
	width:50px;
	height:50px;
}

#details, #details_extended{
	font-size: 6pt;
	position:relative;
	left: 160px;
	color:gray;
	padding-left:10px;
	padding-right:10px;
	background:#F8F8FF;
	z-index:100;
}
#details_extended{
//	left: 200px;
}

#free_shipping {
	width:100px;
	float:left;
	position:relative;
	top:-700px;
	left:-30px;
	z-index:100;
	visibility:hidden;
}

#avat{
	font-size: 6pt;
	position: relative;
	float: right;
	right: -50px;
	top: -2px;
	color:white;
	padding: 2px 3px 2px 4px;
	background:DarkOliveGreen; 
	text-decoration:none;
	font-weight:normal;
}

#infoblock{
	background:white;
	text-align:justify;
	margin:10px 30px 0px 30px;
	padding:10px 80px 20px 110px;
}

.para{
	padding-top:10px;
	text-align:justify;
}

#submitcancel{
	height:500px;
	padding-left:50px;
}

#submitcancelframe{
	position:relative;
	top:0px;
	left:50px;
}

#submitcancelmsg{
	position:relative;
	top:-300px;
	left:100px;
}
	
#colorboxcontent{
	width:764px;
	margin: 0 5px 0 25px;
	padding-bottom:20px;
	background:white;
	text-align:justify;
}

#mainviewport{
	float:left;
	border:1px solid #888;
	width:269px;
	margin:1px 0 0 1px;
	height:299px;
	overflow:hidden;
    background:#ffffff url(images/loading.gif);
    background-repeat:no-repeat; 
	align:center;
}

.mainimg {
	width: -webkit-fill-available;
    height: -webkit-fill-available;
    }

#mainimg, #mainimgH, #mainimgHpl, #mainimgV, #mainimgX, #mainimgXX {
}

#mainimgH, #mainimgHpl, #mainimgV, #mainimgX {
}

#mainimgH, #mainimgHpl {
	width: 270px;
}

#mainimgHpl {
	top:-75px;
}

#mainimgV{
    height: 300px;
}

#mainimgX {
}

.galleryviewport {
	position:relative;
	left:5px;
}

#gallerycontainer {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

.cropgalleryimg, .cropindeximg, .cropgalleryimgsmall {
	display:inline-block;
	width:45px;
	height:67px;
	border: 1px solid white;	
	overflow:hidden;
	margin-left:3px;
}

.cropgalleryimgsmall{
	width:30px;
	height:50px;
	margin-left:1px;
}

.cropindeximg {
	padding: 0px;
	margin-left: -1px;
	margin-right: 1px;
}

.galleryblank{
	display:inline-block;
	width:45px;
	height:67px;
	border:1px dotted #adadaf;
}

.galleryimg{
	width:auto;
	height:67px;
}

.cropgalleryimg:hover, .cropindeximg:hover, .cropgalleryimgsmall:hover {
	border: 1px solid black;	
}

#audioplayer {
	float:right;
	display:inline-flex;
	visibility:hidden;
}

#specs{
	position:relative;
	left:277px;
	top:0px;
	width: 280px;
	height:250px;
	background: #F8F8FF;
	margin-left: 5px;
	overflow-y:visible;
	z-index:100;
}

#dimensions{
	position:absolute;
	font-size:8pt;
	top:35px;
	height:200px;
	left:7px;
	padding-left: 10px;
}

#colorboxtitle{
	width:265px;
	height:20px;
	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
	font-size:12px;
	color:gray;
	text-align:center;
	position:absolute;
	top:10px;
	}

.brpl {
	padding:5px;
    border: 1px solid #FF9800;
    background: #FFC107 url(images/brpl.png) no-repeat;
    background-size: 100%;
	margin:10px auto;
	width:230px;
	text-align:center;
	text-shadow: 0px 1px 0px rgba(255,255,255,.7);
	color:black;
 }
 
#zoomport{
	width:600px;
	height:600px;
	border:1px solid gray;
	display: none;
}

#zoomport:hover{
	position:relative;
	left:100px;
	display: inline;
}

#detailtext{
	position:relative;
	left:2px;
	top:10px;
	width:560px;
	font-size:9pt;
}

.magn {
    position: relative;
    top: -27px;
    }

#magnif {
	z-index:100;
	display:inline;
	cursor: pointer;
	height:20px;
}

#magnifier {
	no-repeat;
	top:-33px;
	right:2px;
    z-index:1000;
    float:right;
}

#disoffer a, #disoffer a:hover,  {
    text-decoration: none;
    }

#finish{
	height:5px;
	margin-top:2px;
	background:white;
	margin-bottom:100px;
}

.info_Art
 {
	width:30px;
}
.faquery {
	font-weight:bold;
	color:grey;
}
.faanswer {
	text-align:justify;
	margin:0px 50px 20px 100px;
}

.cliresp{
	text-align:justify;
	font-style:italic;
	margin-left:20px;
	margin-right:20px;
	margin-top:200px;
	margin-bottom:5px;
	font-size:12px;
	padding:5px;
	background-color:#F8F8FF;
}

.cliname{
	font-size:12px;
	text-align:right;
	font-weight:bold;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:190px;
}


//MailChimp
#mc_embed_signup {
	float:left;
	margin: 0;
	padding: 0;
	background:#fff;
	clear:left;
	font:12px Helvetica,Arial,sans-serif;
	width:300px;
	z-index:100;
}
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
#mc_embed_signup .button {
	display: inline-block;
	position:relative;
	top:-1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#mc_embed_signup .button:hover {
	text-decoration: none;
}
#mc_embed_signup .button:active {
	position: relative;
	top: 1px;
}

#chimpinf{
	font-size: 10px;
	text-align:justify;
}


//#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:11px; padding-bottom:0px; font-weight:bold;}
#mc_embed_signup input.email {display:block; position:relative;top:10px;padding:4px 0; margin:0; text-indent:5px; width:200px;}
#mc_embed_signup input.button {display:block; position:relative;top:9px;width:100px; /*margin:0 0 10px 0; min-width:90px;*/}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}