body						{ margin:0px; padding:0px; background:white; height:100%; }

body, td, li,
input, select, textarea		{ font-family: Arial, Verdana, sans-serif; font-size:11px; color:#737a7b; vertical-align:top; line-height:20px; text-align:left; }

a							{ 
		color:black; text-decoration:underline;
		-webkit-transition:color 0.2s linear, background 0.2s linear;  
		-moz-transition:color 0.2s linear, background 0.2s linear; 
		-o-transition:color 0.2s linear, background 0.2s linear;   
		transition:color 0.2s linear, background 0.2s linear;
}
a img						{ 
	border:none;
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
a:link						{ }
a:hover						{ color:#545a5b; text-decoration:none; }
a:hover img					{ opacity:0.8; filter:alpha(opacity=80); }
a:active					{ }			

h1							{ padding:0px; margin:0; font-size:2.5em; line-height:2.5em; color:#606060; font-weight:normal; text-transform:uppercase; }
h2							{ padding:0px; margin:0; font-size:1.9em; line-height:1.8em; color:#606060; font-weight:normal; text-transform:uppercase; }
h3							{ padding:0px; margin:0; font-size:1.7em; line-height:1.7em; color:#606060; font-weight:normal; text-transform:uppercase; }
h4							{ padding:0px; margin:0; font-size:1.5em; line-height:1.5em; color:#606060; font-weight:normal; text-transform:uppercase; }

.holder						{ padding:0px; margin:0px; height:100%; }

.header						{ background:black; width:100%; float:left; }

.midd						{ height:100%; background:black; }
.logobox					{ width:19%; float:left; background:black; height:100%; padding:0px; float:left; box-shadow: 3px 6px 10px 6px rgba(17,17,17,0.2); }

.logobox .logo				{ width:100%; text-align:center ; padding-top:4%;}
.logobox .logo img			{ width:80%; }
.logobox .catch				{ padding-top:12%; }
.header .logoname			{ float:left; width:65%; text-align:right; }
.header .logoname img		{ width:42%; padding:1%; padding-top:2.5%; }

.social						{ float:left; padding:2%; width:20%; text-align:right; padding-left:13%; }
.social	a					{ padding-right:3%; }

.contentbox					{ width:81%; background:white; float:right; }

.links						{ float:left; width:60%; }
.links ul					{ padding:0px; margin:0px; }
.links ul li 				{ padding:0px; margin:0px; display:inline; padding-left:5px; }
.links ul li a				{ margin:0px; text-decoration:none; font-size:1.3em; padding:10px; text-transform:uppercase; vertical-align:bottom; color:white; }
.links ul li a:hover, .links ul .active a			{ color:#545a5b; }

.side						{ padding:0px; width:100%; }
.side ul					{ padding-top:50px; padding-left:5px; }
.side ul li 				{ padding:0px; margin:0px; padding-bottom:7px; float:left; width:100%; list-style:none; margin-left:-5px; }

.banner						{ float:left; width:100%; }
.banner img					{ width:100%; }

.news						{ float:left; width:31%; }
.prods h3					{ float:left; width:100%; text-align:center; font-size:2em; margin-top:1%; }
.prods h3 a					{ text-decoration:none; }
.products					{ float:left; width:31%; text-align:center; }
.prodholder					{ width:80%; margin:20%; margin-bottom:25%; margin-top:5%; border:solid #cacaca 1px; }
.prodholder img				{ width:100%; box-shadow: 3px 3px 5px 3px rgba(17,17,17,0.2); margin-bottom:-5px; } 
.prodholder h2				{ background:white; width:100%; padding-top:2%; padding-bottom:2%; box-shadow: 3px 3px 5px 3px rgba(17,17,17,0.2); font-size:1.6em; line-height:1.0em; min-height:3.2em; }
.prodholder h2 a			{ color:black; text-transform:uppercase; text-decoration:none; }
.prodholder .textboxer		{ }

.news .prodholder			{ background:white; box-shadow: 3px 3px 5px 3px rgba(17,17,17,0.2); }
.news .prodholder .text		{ padding:15px; min-height:20px; }
.news .prodholder .text h3	{ height:5em; }

.content					{ clear:both; float:left; padding:6%; padding-top:2%; }

.sub						{ padding:4%; font-size:14px; }
.sub ol						{ margin-left:20px; padding-left:0px; }
.sub .addtocart				{ float:right; padding-left:40px; width:30%; }
.sub .addtocart h2			{ text-align:center; }
.sub .addtocart	.paypal input	{ padding:0px; margin:0px; }

.category					{ float:left; width:100%; margin-bottom:6em; }
.category .addtocart		{ width:15%; padding-left:0px; padding-right:40px; float:left; }
.category ol				{ margin-left:40px; }

.contactFeild img			{ width:60%; }
.sender						{ width:103%; font-weight:bold; }

.footer						{ float:left; width:88%; background:#282828; color:white; padding:6%; }

.row						{ float:left; width:20%; padding:2%; text-align:left; min-height:240px; }
.row h2						{ font-size:1.6em; }
.row h2 a					{ color:#606060; text-decoration:none; }
.row h2 img					{ float:left; padding-right:10px; }
.row ul						{ padding:0px; margin:0px; }
.row ul li					{ list-style:none; }
.row ul li a, .row a		{ color:white; text-decoration:none; }
.row ul li a:hover, .row a:hover			{ color:grey; text-decoration:underline; }

.privacy					{ min-height:10px; }

.copyright					{ float:right; min-height:10px; }
.copyright a				{ color:white; text-decoration:none; }

input, textarea				{ color:black; }

.galleryoutside				{ }
.galleryholder				{ }

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 1.2em;
	padding: 2% 3.8% 2% 3.8% !important;
	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);
}
.button:hover {
	text-decoration: none;
	color:white;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: white;
	border: solid 1px black;
		background: #1e5799; /* Old browsers */
background: #0c0c0c; /* Old browsers */
background: -moz-linear-gradient(top,  #0c0c0c 0%, #545454 46%, #686868 50%, #4f4f4f 53%, #262626 76%, #212121 87%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c0c0c), color-stop(46%,#545454), color-stop(50%,#686868), color-stop(53%,#4f4f4f), color-stop(76%,#262626), color-stop(87%,#212121), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c0c0c 0%,#545454 46%,#686868 50%,#4f4f4f 53%,#262626 76%,#212121 87%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c0c0c 0%,#545454 46%,#686868 50%,#4f4f4f 53%,#262626 76%,#212121 87%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c0c0c 0%,#545454 46%,#686868 50%,#4f4f4f 53%,#262626 76%,#212121 87%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c0c0c 0%,#545454 46%,#686868 50%,#4f4f4f 53%,#262626 76%,#212121 87%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0c0c', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.blue:hover {
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}


#carousel
{
	width:100%;
	height:120px;
    z-index:100;
    margin-left: auto;
    margin-right: auto;
}

.links ul li ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.links a {
	display: block;
}

.links li {
	float: left;
}

.links li ul {
	position: absolute;
	width: 180px;
	left: -999em;
}

.links li ul li {
	width: 180px;
	padding:0px;
}

.links li:hover ul {
	left: auto;
	z-index:100;
}

.links li:hover ul, .links li.sfhover ul {
	left: auto;
}

.links ul li:hover ul li {
	
}
.links ul li:hover ul li a {
	background:#bc8e2a;
	font-size:10px;
	letter-spacing:2px;
	text-align:left;
	padding:7px;
	padding-left:11px;
	color:white;
}
.links ul li:hover ul li a:hover {
	background-color:#959fa1;
	color:white;
}
.jdGallery a.left			{ left:15%; }
.jdGallery a.right			{ right:15%; }

.jdGallery .slideElement
{
	background-color: white;
	background-repeat: no-repeat;
	background-size:cover;
	margin-left0;
	border:none;
}
.jdGallery, .jdGallery .slideElement
{
	height:451px;
	width:100%;
}
.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 10px;
	background: black;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
	padding:20px;
}
.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 3em;
	margin: 0;
	font-weight: bold;
	color: white;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 1.5em;
	color: white;
}

.sender	{ background:#d4d4d4; cursor:pointer; }
.sender:hover	{ background:#bcbcbc; }

.contactFeild				{ padding:0px; margin:0px; width:50%; padding-top:3px; }
input, .contactFeild textarea		{ padding:3px; margin:0px; color:black; width:100%; }

.contentsub					{ margin-top:1%; }
.contentsub h2				{ font-size:11px; }

#editform					{ padding-top:80px; }

.jdGallery .carousel .label, .jdExtCarousel .label, .jdGallery .carousel .label, .jdExtCarousel h1
{
	top:-440px;
}

.contactformer				{ float:left; width:40%; }
.contractmap				{ float:right; width:40%; }

@media (max-width: 1100px) {
	h1							{ font-size:2.0em; line-height:2.0em; }
	h2							{ font-size:1.0em; line-height:1.5em; }
	.side ul li a				{ font-size:1em; }
	.jdGallery, .jdGallery .slideElement
	{
		height:268px;
	}
	.jdGallery .slideInfoZone
	{
		padding:10px;
	}
	.jdGallery .slideInfoZone h2
	{
		font-size: 2.2em;
	}
}

@media (max-width: 600px) {
	.logobox 					{ width:100%; text-align:center; padding-bottom:20px; }
	.logobox .logo				{ padding:0; margin:0; text-align:center; }
	.logobox .logo img			{ width:40%; }
	.catch, .side				{ display:none; }

	.header .logoname			{ float:left; width:100%; text-align:center; }
	.header .logoname img		{ width:85%; padding:1%; padding-top:2.5%; }
	
	.social						{ float:left; padding:0%; width:100%; text-align:center; }
	.social	a					{ padding-right:0%; }
	
	
	.contentbox					{ width:100%; background:white; float:right; }
	
	.links						{ float:left; width:100%; }
	
	.links ul li 				{ width:86px; text-align:center; padding:0; margin:0px auto; }
	.links ul li a 				{ padding:0px; margin:0; font-size:12px; }
	
	h1							{ font-size:1.8em; line-height:1.0em; }
	h2							{ font-size:0.8em; line-height:0.99em; }
	h3							{ font-size:0.8em; line-height:0.99em; }
	
	
	.news .prodholder .text		{ min-height:130px; }
	.prodholder .textboxer		{ display:none; }
	
	.banner						{ padding-bottom:20px; }
	
	.prodholder h2				{ min-height:75px; padding-top:10px; }
	
	.prods h3					{ font-size:0.8em; }
	
	.prodholder h2 a			{ font-size:0.8em; }
	
	.content img				{ padding:0 !important; margin:0 !important; float:none !important; width:100% !important; height:auto !important; }
	
	.row						{ width:100%; padding:2%; text-align:center; min-height:10px; padding:0px; margin:0px; padding-bottom:20px; }
	.privacy					{ }
	.row ul li					{ width:100%; text-align:center; }
	.row h2 img {
    float:inherit;
    padding-right: 10px;
	margin-bottom:-15px;
	}
	.category					{ margin-bottom:1em; }
	
	.category .addtocart {
		width: 35%;
	}
	.category .addtocart h2 {
		font-size:1.3em; line-height:0.99em;
	}
	
	.jdGallery, .jdGallery .slideElement
	{
		height:124px;
	}
	.jdGallery .slideInfoZone
	{
		display:none;
	}
	
	.contactformer				{ float:left; width:100%; }
	.contractmap				{ float:right; width:100%; }
}