<?php header("Content-type: text/css");?>
html {
	margin:0;
	padding:0;
	width:100%
	}

body {
	font: normal 12pt georgia, palatino, serif;
	width: 100%;
	/* background: url('../images/back2.gif') ; */
	padding:0;
	margin:0;
	text-align:left;}
a{	cursor:pointer;
	text-decoration: none;
	color: #660099;/*customize here*/
	outline:none;
}
a, img {outline:none;
	border: 0px;}
a:hover{color: green;}
cw-logo{/*background: black url('../images/logo3.gif') no-repeat ;*/
	/* float:left;  */
	font-size: 4em;
	margin-top:10px;
	margin-left:20px;
	width:320px;
	/* margin-right:250px; */
	padding:0;
	/* min-height:173px; */
	background:black;
	display:block;
	/* border:1px solid yellow	  */
}
cw-logo a{color: white;}
cw-logo a:hover{color: #aa7;}
/* 
cw-header{display:block;background:blue;min-height:173px;border:1px solid yellow;width:100%;}
 */
/* 
cw-container{
	display:block;
	background:black;
	width:100%;
	padding:0;
	margin:1px auto;
	height: auto;min-height:173px;
}
 */

/*put overflow in container to put footer between outer columns instead of below*/

cw-column{
	
	display: block;
	margin:10px;
	height: auto;
	min-height: 500px;
	/* background-color:red; */
	/* margin:10px; */
	/* flex:30%; */
	width:350px;
	border:1px solid gray;
	/* border-radius: 15% 10%; */
	box-shadow: 3px 1px 1px silver;
	padding:10px 10px;
	}
/* 
@media (max-width: 600px) {
  cw-column {
    flex: 100%;}}
    
@media (max-width: 800px) {
  cw-column {
    flex: 100%;}}
 */
/* 
cw-column, cw-column img {border-radius: 10% 5% 0 0;}
 */

cw-column img{max-height:100%;width:auto;height:300px;}   
cw-prodimg img:hover, cw-gallery img:hover{opacity: 0.7;cursor:pointer;}
cw-prodcontainer{display:flex;flex-wrap:wrap;align-items:flex-end;min-height:250px;padding:0;}
cw-prodimg{display:block;width:100%;justify-content:center;}
cw-description{display:block;max-height:200px; min-height:200px;flex-basis:100%;overflow:auto}

cw-size{font-size:.8em;display:block}
cw-made{font-size:.7em;display:block}
cw-price{display:block;font-weight:bold;}
cw-inquire {position:relative;
  display:block;width:100%;padding-bottom:20px}

cw-size::before{content:"\a Size:\00a0";white-space: pre;}
/* 
cw-made::before, cw-price::before, cw-inquire::before{
    content: "\a";
    white-space: pre;}
 */

cw-inquire input[type=submit]{
  
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;  
  border: none;
  border-radius: 4px;
  cursor: pointer;
  }
cw-gallery{
	display:flex;
	flex-wrap:wrap;
	max-width:400px;
	width:350px;
	justify-content:center;
	min-height:300px;
	margin:10px;
	height: auto;
	padding:0 5px 10px;
	border:1px solid gray}
cw-gallery img{height:300px;width:auto;padding:0 10px 10px;}
cw-galleryCaption{display:block;width:100%;max-width:375px;text-align: center;justify-content:center}

#col1{
    display: flex;
	flex-wrap: wrap;
  	text-align: center;
  	height: auto;
  	min-height:500px;
  	justify-content:center;
  	width:90%;margin:auto;
}


#footer{clear:both;
	width:100%;
	display:block;
	/* background: url('../images/bottom.gif') repeat-x; */
	color:white;
	background:black;
	padding:30px 0;
	height: auto;min-height:100px;overflow:hidden;
	}
#footer div{width:100%;text-align:center;margin:0 auto;}


/* 


.prodlist{width:380px;position:relative;margin-top:-45px}
.prodlist a{text-decoration:underline;color:black}
#product_detail{float:right;width:260px;top:0px;height:438px;padding:0 10px;background:#cccccc;}
#product_detail .full_img{border:1px solid black;width:240px;margin:7px 10px; background-color:white;}
#product_detail .no_img{width:240px;margin:7px 10px;border:none}
#product_detail .description {margin-top:-5px}
#product_detail .detail{margin-left:65px;font-size:.8em;}
#product_detail .title{margin-top:-5px}
#product_detail .textBold{margin-right:3px;float:left;font-size:.7em}
.itemlist{width:170px;text-align:left;margin-bottom:.3em;font-size:.9em}
.prodlist .c1{width:180px;margin:0 5px;float:left;}
.prodlist .c2 {width:180px;margin-left:200px;}
.vertLine {width:2px; height:360px; border-left:1px solid black; margin-top:7px;float:left;margin-right:10px}
.title{text-align:center;}
.text_center{text-align: center;}
.textRed{color:red;}
.textNormSans{font:normal 12pt verdana, helvetica,sans-serif}
.textNormSerif{font:normal 12pt Georgia, Palatino, serif }
.textBold{font-weight:bold;}
.textTinySans{font:normal 8pt verdana,helvetica,sans-serif;}
.textTinySerif{font:normal 8pt Georgia, Palatino, serif;}
.textSmSans{font:normal 9pt verdana,helvetica,sans-serif;}
.textSmSerif{font:normal 9pt Georgia, Palatino, serif;}
.textLSans{font:normal 14pt verdana, helvetica,sans-serif;}
.textLSerif{font:normal 14pt Georgia, Palatino, serif;}
.textHeaderLSerif{font:bold 16pt Palatino, serif}
.textIndent{text-indent:1em;}
 */

#contactForm{margin:0px auto 3px auto;padding:2em 0 3em;}
#contactForm, #contactForm legend, contactForm fieldset{width:350px;}


#contactForm fieldset{border:1px solid #CCCC99;padding:0 0 50px;}
#contactForm legend{color:white;background-color:black;display:block;margin: 0 -1px;padding:3px;height:1.5rem;font-size:1.3rem;}


#contactForm label.main{
 	width: 90%;
	float:left;
	text-align: left;
 	margin: .5em 1em;
	display:inline-block;
	height:1.1em;
 }
 #contactForm label.main:after{clear:both;content:"";font-weight:bold;}

 #contactForm input[type=text]{margin:3px 1em; width:90%; height:2em;}

 #contactForm input[type=submit] {
  background-color: #04AA6D;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height:3rem;
  font-size:1.5em;
  padding:5px;
 
}
#contactForm .submitbutton{display:block;text-align:center;justify-content:center;position:relative;}
 
#contactForm textarea{margin:3px 1em;font:normal .75em verdana, helvetica,sans-serif;width:90%;height:9em}
#contactForm input[type='password'], #h_password{visibility:hidden}
#responseHead {text-align:center;margin:20px auto 0 auto;min-width:400px;font-size:1.8rem;font-weight:bold;}
#responseHead span{padding:10px 0;display:block;font-size:1.2rem;font-weight:lighter}
#responseField {margin:0px auto 3px auto;width:400px;min-height:300px;}
#contactForm label.radio{clear:both;text-align:left;display:inline-block;}
#contactForm input.radio{border: 1px solid red;margin-left: 3em;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 700px;
  position: relative;
 margin:10px auto 20px auto;
 max-height:750px
  
}
.close{ width:90%; justify-content:center;}
/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 90%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 0;
  height: auto;
  justify-content:center;  
  font-size:1.5rem;
  margin-top:-50px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover, .close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.robots{display:none}
.icu{display:none;color:white;background:white;height:0;margin:0;padding:0}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
 
@media screen and (max-width: 800px) {
	#contactForm input[type=text], #contactForm input[type=submit], #contactForm textarea {
		width:90%;
		margin-left:5%;
		margin-top:5px;
	
	  }
	#contactForm input[type=text]{height:2rem}
	#contactForm input[type=submit]{}
	#contactForm label{text-align:left;margin-left:5%;} 
	#responseHead, #reponseField {width:90%}
} 
@media (max-width:400px){	body{width:375px;}	
 	cw-gallery img{max-width:95%;height:auto}
 	cw-gallery{width:95%}
 	cw-column{display:block;width:100%;margin:10px 10px 0 5px;padding:10px 0 0 0;box-shadow:none}cw-column img{max-width:95%;max-height:50%;}
 	#col1{width:100%;padding:0;margin:0 5px;}
 	#footer{min-height:50px;display:block;width:100%}
#responseHead, #responseField{width:90%}
 }