@charset "utf-8";
/* CSS Document */
body, html{
	height:100%;
	margin:0px;
	}
#imgGal{
	position:relative;
	background-color:#333333;
	background-image: url("/gfx/bg/pic1.jpg"); 
	height:100%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:500;
		/*transition: background-color 0.6s ease;
		transition: .75s cubic-bezier()
	 */	
}
h1{
	font-size: 24px;
	
}
.redsale{
color:#FF0000	;
font-family:"Comic Sans MS", cursive;
font-size:44px;
}
.whitesale{
color:#FFFFFF	;
font-family:"Comic Sans MS", cursive;
font-size:44px;
}

.ytFrame{
	width: 560px;
height: 315px;
}
.addBtn{
	color:#FFFFFF;
	background-color:#000000;
	width:120px;
}
.qty100{
	width:100px;
	color:#009966;
	text-align:center;
}
#message{
	text-align:center;
	color:#FF0000;
	font-size:20px;
	width:100%;
}
.logo{
	width: 550px;
	
}
.imgTestimonial{
	max-width:700px
	
}
.quoted{
	text-align:center;
	font-size:20px;
	font-style:italic;
}
.pagequote{
font-size:14px;
font-style:italic;
    padding:8px;
    margin: 5px;
    border: thin solid #00FF00;
    
}
#imgBar{
	position:relative;
	background-color:#333333;
	width:100%;
	height:250px;
	background-size:cover; 
	/*	background-image: url("/gfx/bg/pic1.jpg"); 
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	
		background-size: auto;
	 background-size: 100% 250px;*/
	z-index:500;
	border-bottom:#666666 thin solid;
	overflow:hidden;
}
.imgBarimg{
	min-width:100%;
		min-height:250px;

}
.samturner{
width:640px;	
}
#leftmenuBS{
	position:fixed;
	width:150px;
	height:225px;
	left:0px;
	top: 300px;
	z-index:10000;
	border: thin solid #666666;
	padding:5px;
	background-color:#FFFFFF;
	}
#leftmenuBS a{
	color:#000000;
	text-decoration:none;
	
}
#leftmenuBS a:hover{
	color:#FF0000;
	text-decoration:underline;
	
}


#simage{width: 240px; height:240px; padding:10px;  text-align:center; display:inline;
}
#sDiv{ position:relative; margin:0 auto; clear:both;}
#headwrapper{
	position:fixed;
	top:0px;
	background-color:#FFFFFF;
	height:60px;	
	z-index:1000;
	width:100%;
	border-bottom:#666666 thin solid;
}
#headleft{
	float:left;
	width:280px;
	padding:10px;
	font-size:28px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
#headleft a{
	text-decoration:none;
	color:#000000;
}
#headleft a:hover{
	text-decoration:none;
	color:#FF0000;
}
#headbasket{
	float:left;
	width:200px;
	text-align:right;
	margin-right: 3px;
	color:#000000;
	padding-top:20px;
	font-size:20px;


}	
#pageleft{
	float:left;
	width:45%;
	padding:5px;
	}
#pageright{
	float:left;
	width:45%;
	padding:5px;
	}
	
#pageright img{
	max-width:400px;
		border:#333333 solid 2px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}

#headbasket a{
color:#000000;
text-decoration:none;	
}
#headbasket a:hover{
color:#FF0000;
}
#headSocial{
	float:right;
	width:180px;
	padding:5px;
	text-align:right;
	
}
#headright{
	float:right;
	width:100px;
	padding:10px;
	text-align:right;

}
#hamburger{
/*	display:inline; */
float:left;
width:40px;
}
#menu{
/*	display:inline; */
float:left;
width:40px;
	padding-top:3px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
}
#menu a{
	text-decoration:none;
	color:#000000;
}
#menu a:visited{
	text-decoration:none;
	color:#000000;
}
#headright a{
	text-decoration:none;
	color:#000000;
}
#headright a:visited{
	text-decoration:none;
	color:#000000;
}

	
.hamburger-menu-black{
	width:35px;
	height:5px;
	background-color:#111111;
	/* border-radius:5px; */
	margin:4px 0;
}
#prev{
		position:absolute;
	top:0px;
left:0px;
	width:50px;
	top:50%;
transform: translateY(-50%)	;
text-align:center;
	z-index:9999;
}

#next{
		position:absolute;
	top:0;
right:0px;
	width:70px;
	top:50%;
transform: translateY(-50%)	;
text-align:center;
	z-index:9999;
}
.prevbtn {

	cursor:pointer;
	margin-top: -22px;
	padding: 16px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 36px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.nextbtn {

	cursor:pointer;
	margin-top: -22px;
	padding: 16px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 36px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.prev:hover, .next:hover{
background-color: rgba(0,0,0,0.8);
}
#bottombar{
height:70;
width:100%;
position:absolute;
z-index:999;
text-align:center;
bottom: 40px;
padding-bottom:5px;	
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:20px;
color:#FFFFFF;
}
.dot{
	cursor:pointer;
	height:8px;
	width:8px;
	margin: 0 4px;
	/* background-color:#bbbbbb; */
	border:#FFFFFF 2px solid;
	border-radius: 50%;
	display:inline-block;
	transition: background-color 0.6s ease;
}
.active, .dot:hover{
	background-color:#FFFFFF;
}
#bMenu{
position:fixed;
right:0px;
display:none;
z-index:10000;
width: 300px;
height:100%;
border-left:#333333 thin solid;
 background-color:#FFFFFF; 
}

#bMenu ul{
list-style:none;
margin-left:0px;
padding-left:0px;
}
#bMenu ul li{
font-size:24px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:left;
padding-left:0px;
}
#bMenu ul li a{
display:block;

height:50px;
text-decoration:none;
color:#666666;
/* background-color:#FFFFFF;
width:100%; */
padding-left:25px;
}
#bMenu ul li a:hover{
color:#FFFFFF;
background-color:#666666;
}


#closeBTN{
	padding-top:10px;
	width:90%;
	text-align:right;
	font-size:20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

}
#closeBTN a{
	text-decoration:none;
	color:#666666;
}
#closeBTN a:hover{
	text-decoration:none;
	color:#FF0000;
}
#footerwrapper{
	position:relative;
	width:100%;
	height:30px;
		border-top:#666666 thin solid;
}
#footer{
	padding-left:10px;
	padding-right:10px;
	
	text-align:center;
	font-size:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#666666;
	
}
#footer a{
	color:#666666;
	text-decoration:none;
}
#footer a:hover{
	color:#FF0000;
	text-decoration:none;
}

#content{

	position:relative;
	width:100%;
	min-height:500px;
	margin: 0 auto;
	text-align:center;
	
}
#page{
		padding-top:30px;
	margin: 0 auto;
		width:1000px;
	text-align:left;
		font-size:16px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

}
#page a{
	text-decoration:none;
	color:#333333;
}
#page a:hover{
	text-decoration:underline;
	color:#FF0000;
}

.pageimg{
	padding:2px;
	width:350px;
	margin-right: -100px;
}
#col100{
	float:left;
	width:100px;
	text-align:left;
}
#col350{
	float:left;
	width:350px;
	text-align:left;
}
#col500{
	float:left;
	width:500px;
	text-align:left;
}
#col100center{
	float:left;
	width:100px;
	text-align:center;
	padding-right:5px;
}
#col100right{
	float:left;
	width:100px;
	text-align:right;
	padding-right:5px;
}
#clearThickBorder{
	clear:both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#clearThinBorder{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#999999;
}
#clearDottedBorder{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#CCCCCC;
}
.field350{
width:350px;
	font-family:tfOne;	
	font=size: 14px;
}
.fieldBtnBuy{
	width: 50px;
text-align:center;
	font-family:tfOne;
color:#FFFFFF;
background-color:#333333;
	
}
.formFieldDiscount{
		width: 150px;
text-align:center;
text-transform:uppercase;
	font-family:tfOne;
	height:23px;
	font-size:20px;
	padding:2px;
}
.btnDiscount{
	width:150px;
	height:27px;
	font-family:heFive;
	font-size:18px;
	color:#FFFFFF;
	background-color:#000000;
	margin:2px;
	
}

.fieldBtnLarge{
	width: 200px;
text-align:center;
	font-family:tfOne;
color:#FFFFFF;
background-color:#333333;
	
}
#clear{
	clear:both;
}
.field200{
	width:200px;
	height:25px;
	font-size:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.field200200{
	width:200px;
	height:150px;
	font-size:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.btn{
	width:200px;
	height:25px;
	font-size:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#FFFFFF;
	background-color:#333333;
}
.red{
color:#FF0000;	
}
.redsmaller{
color:#FF0000;	
font-size:12px;
}
.redbigger{
color:#FF0000;	
font-size:20px;
}
#galleryzone{
position:relative;
margin: 0 auto; 
text-align: center;
width:100%;	
}
#galImage{
display:inline-block;

margin-left:10px;
margin-right:10px;
margin-bottom:10px;

	width:170px;
	text-align:center;
/*	border:#999999 thin solid; */
	padding:3px;	
	
}
.galimg{
	margin:2px;
padding: 1px;
border:thin solid #999999;
width: 160px;
}
#sectioncontainer{
		clear:both;
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center;
}
#sectiondiv{
	display:inline-block;
	width:300px;
	text-align:center;
	height:325px;

	margin:10px;
	vertical-align:top;
	
}
#sectiondiv h2{
	font-size:18px;

}
#sectiondiv2{
	display:inline-block;
	width:150px;
	text-align:center;
	height:150px;
	border:#333333 solid 1px;
	border-radius: 75px;
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	margin:10px;
	padding:0px;
}
#sectiondiv2 h2{
	/* position:relative; 
	display:inline-block;*/
	margin-top:60px;
	width: 150px;
	font-size:18px;
	font-family:tfOne;
	color:#FCA943;
	height:60px;
	border: thin solid #Ff0000;
	padding:0px;
}
#sectiondiv2inner{
	padding-top:50px;
	 float:left;
	 width:150px;
	 text-align:center;
		font-size:18px;
	font-family:tfOne;
	color:#FCA943;
}
.img400{
	width:400px;
/*	border:thin solid #666666; */
}
#sectiondiv img{
	max-width:250px;
	
	max-height: 200px;
	border:#333333 solid 2px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;

}
#sectiondiv a{
	color:#000000;
	text-decoration:none;
}
#sectiondiv a:hover{
	color:#FF0000;
	text-decoration:none;
}


@media screen and (max-width : 1040px){

#imgGal{
		background-attachment:scroll;
		}

#page{
		padding-top:30px;
	margin: 0 auto;
		width:700px;

}
.logo{
	width: 450px;
	
}
#headbasket{
	position:fixed;
	width:100%;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	height:40px;
	bottom:0px;
	border-top:#000000 thin solid;
	padding-top:3px;
}
#footer{
	padding-bottom:40px;
	
}

}
@media screen and (max-width : 450px){
.redsale{
font-size:24px;
}
.whitesale{
font-size:24px;
}
#headleft{
	float:left;
	width:220px;
	padding:10px;
	font-size:20px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
#headSocial{
display:none;
}
#footer{
	text-align:center;
	font-size:10px;
	padding-bottom:40px;
	
}
#page{
		width:340px;
}
.pageimg{
	padding:2px;
	width:175px;
	margin-right:0px;
	clear:both;
}
.imgBarimg{
	height:250px;
width: auto;}

#leftmenuBS{
	position:static;
	float:left;
	width:95%;
	height:225px;
	bottom:0px;
	z-index:10000;
	border: thin solid #666666;
	padding:5px;
	background-color:#FFFFFF;
	}
.samturner{
width:320px;	
}
.logo{
	width: 85%;
	
}
.imgTestimonial{
	max-width:300px
	
}
h1{
	font-size: 18px;
	
}
.ytFrame{
	width: 350px;
	height: 175px;
}
#pageleft{
	float:left;
	width:90%;
	padding:10px;
	clear:both;
	}
#pageright{
	float:left;
	width:90%;
	padding:10px;
	text-align:center;
	clear:both;
	}
	
#pageright img{
	max-width:300px;
}
#col500{
	float:left;
	width:80%;
	text-align:left;
}
.field350{
width:250px;
	font-family:tfOne;	
	font=size: 14px;
}
}