body						{ margin:0px; padding:0px; padding-left:0px; padding-right:0px; height:100%; background:black url(images/bg.jpg) no-repeat bottom left fixed; background-size:100% auto; }


body, td, li,
input, select, textarea		{ font-family: Arial, Verdana, sans-serif; font-size:14px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color:#262626; vertical-align:top; line-height:20px; text-align:left; }

a							{ 
		color:#3576b1; 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:black; 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:1.0em; color:#363232; font-weight:normal; }
h2							{ padding:0px; margin:0; font-size:2em; line-height:2em; color:#363232; font-weight:normal; }
h3							{ padding:0px; margin:0; font-size:1.7em; line-height:1.7em; color:#363232; font-weight:normal; }
h4							{ padding:0px; margin:0; font-size:1.5em; line-height:1.5em; color:#363232; font-weight:normal; }



.infoholder					{ padding:0px; width:980px; margin:0 auto; }

.logobox					{ padding:0; margin:0; width:98%; padding:1%; padding-top:0%; padding-bottom:1%; background:white; }

.logobox .logo				{ margin:0px; float:left; width:55%; padding-top:0.7%; }
.logobox .logo img			{ width:100%; }
.clear						{ clear:both; }

.phone						{ margin:0px; text-align:right; float:right; font-size:20px; width:25%; color:white; font-weight:normal; padding-top:3.5%; padding-right:1%; text-transform:uppercase; }
.phone h2					{ font-size:20px; font-weight:normal; }
.phone h2 img				{ margin-bottom:-3.2%; width:15%; margin-right:1%; }
.phone h2 a					{ color:#31b0e6; font-size:1.5em; }
.phone a					{ color:black; text-decoration:none; }



.links						{ float:left; width:100%; text-align:center; margin-bottom:1%;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.links ul					{ padding:0px; margin:0px; display: inline-table; text-align:center; float:left; width:91%; }
.links ul li 				{ padding:0px; margin:0px; display:inline; list-style:none; }
.links ul li a				{ margin:0px; text-decoration:none; font-size:16px; vertical-align:bottom; color:white; font-weight: 300;
    padding: 10px;
	padding-left:18px;
	padding-right:18px;
    text-decoration: none;
}
.links ul li a:hover, .links ul .active a			{ color:#ffffff;
background: #7ec8e5; /* Old browsers */
background: -moz-linear-gradient(top,  #7ec8e5 0%, #31b0e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ec8e5), color-stop(100%,#31b0e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7ec8e5 0%,#31b0e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7ec8e5 0%,#31b0e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7ec8e5 0%,#31b0e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7ec8e5 0%,#31b0e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec8e5', endColorstr='#31b0e6',GradientType=0 ); /* IE6-9 */
 }



.search						{ float:right; width:6.5%; padding-top:0.8%; padding-right:2%; }
.search	 a					{ float:right; padding-left:5px; }
.search	 a img				{ height:25px; }



.banner						{ padding:0; margin:0; float:left; width:100%; box-shadow: 0 10px 10px rgba(0,0,0,0.4); margin-bottom:3%; }
.banner	img					{ padding:0; margin:0; width:100%; float:left; }






.headerz					{ float:left; width:100%; }

.texter						{ width:100%; float:left; }

.subgallery					{ width:425px; margin-left:4%; float:right; margin-bottom:4%; }

.logoz						{ width:100%; float:left; padding-bottom:10px; }

.boxes						{ float:left; width:44%; text-align:left; }
.boxes:nth-child(even)		{ float:right; border-left:solid 1px #E3E3E3; width:46%; padding-left:4%; }
.boxes ul li				{ width:100%; }
.boxes h2					{ font-size:1.3em; line-height:1em; padding-left:10%; background:url(images/headig_bullet.png) no-repeat left; }
.boxes img					{ width:96% !important; height:auto !important; padding:2%; background:white; border:solid 1px #E3E3E3; margin-bottom:25px; }

.midd						{ clear:both; width:100%; border-bottom:solid 1px #E3E3E3; padding-top:40px; margin-bottom:40px; }

.managecontainer			{ padding:20px; background:white; }

.subber						{ padding-bottom:100px; }

.prodholder					{ padding:0%; width:100%; padding:0%; float:left; }

.products					{ width:30.2%; color:black; font-size:14px; text-align:center; line-height:18px; float:left; margin:0; padding:10px; padding-top:20px; text-decoration:none;

margin-top:0px;
margin-bottom:25px;

background: white;

box-shadow: 0 5px 10px rgba(0,0,0,0.4);
}
.products h3 				{ font-size:1.3em; line-height:1em; font-weight:normal; padding-top:0.3em; padding-bottom:0.3em; color:white; background:rgba(126,180,230,0.8); position:relative; margin-bottom:-23%; z-index:10; min-height:38px; }
.products h3 a				{ color:white; text-decoration:none; }
.products img				{ width:100% !important; height:auto !important; z-index:8; margin-bottom:-6%; }

.products:nth-child(2)		{ margin-left:1.5%; margin-right:1.5%; }

.subber .products:nth-child(2)		{ margin-left:0%; margin-right:0%; }
.subber .products:nth-child(3n+3)		{ margin-left:0.9%; margin-right:0.9%; }



.addtocart					{ width:40%; float:right; padding-left:6%; }

.col						{ float:left; width:30%; padding-top:3%; padding-bottom:3%; }
.col span					{ color:#747474; }
.col:nth-child(2)			{ margin-left:6%; margin-right:6%; }
.col:nth-child(3)			{ width:28%; }

.col span					{ font-size:0.8em; }

ul							{ padding:0; margin:0; margin-left:13px; }
ul li						{ padding:0; margin:0; padding-bottom:2px; padding-top:10px; color:#7eb4e6; list-style:circle; }
ul li a						{ color:#7eb4e6; text-decoration:none }

.content					{ padding:5%; background:white; float:left; width:90%; box-shadow: 0 10px 10px rgba(0,0,0,0.4); }
.content h1					{ padding-top:25px; padding-bottom:10px; }

.content .navigation		{ margin:0; padding:0; width:200px; }
.content .navigation li		{ margin:0; padding:0; list-style:none; }
.content .navigation li a	{ margin:0; padding:4px; float:left; width:95%; margin-bottom:4px; background:#31b0e6; border-radius:4px; color:white; padding-left:5%; }
.content .navigation li a:hover	{ background:black; }

.special					{ float:right; padding-left:3%; padding-bottom:3%; padding-top:12%; text-align:center; width:45%; }
.special img				{ width:100%; }
.special h3 				{ font-size:1.7em; line-height:1em; font-weight:normal; padding-top:0.3em; padding-bottom:0.3em; color:white; background:rgba(126,180,230,0.8); position:relative; margin-bottom:-18%; z-index:10; }
.special h3 a				{ color:white; text-decoration:none; }
.special h2 				{ font-size:1.3em; line-height:1em; font-weight:normal; padding-top:0.3em; padding-bottom:0.3em; color:black; background:rgba(255,255,255,0.8); position:relative; margin-bottom:-23%; z-index:10; }

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

.footer						{ margin-top:10px; padding:4%; font-size:0.9em; color:#ddecf5; font-size:0.8em; width:92%; float:left; background: #363636; box-shadow: 0 10px 10px rgba(0,0,0,0.4); }

.menufooter ul				{ padding:0; margin:0; }
.menufooter ul li			{ display:inline; list-style:none; padding:0; margin:0; }
.menufooter ul li a			{ color:white; padding-right:3%; }

.copyright					{ float:right; }
.copyright a				{ color:#ddecf5; text-decoration:none; }

input, textarea				{ color:black; }

.thumbscontainer						{ width:100%; margin:30px !important; }
.thumbscontainer .thumbs  li			{ width:150px !important; height:89px !important; overflow:hidden; margin:0px !important; }
.thumbscontainer .thumbs  li a img		{ width:150px !important; height:89px !important; }

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.button:hover {
	text-decoration: none;
	color:white;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: white;
	border: solid 1px #437aad;
background: #363636;
}
.blue:hover {
background: #686868; /* Old browsers */
}

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

.links a {
	display: block;
}

.links li {
	float: left;
    margin: 0;
    padding: 0;
    position: relative;
	z-index: 15;
}

.links li ul {
	float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 20px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.links li ul li {
	width: 220px;
}

.links li:hover ul {
	opacity: 1;
    top: 40px;
    visibility: visible;
}

.links ul li ul li a {
	border-top-color:black;
	border-top-style:solid;
	border-top-width:1px;
	padding:7px;
	margin:0px;
	font-size:12px;
	background: #31B0E6; /* Old browsers */
}

.links ul:hover li ul li a {
	border-top-color:black;
	border-top-style:solid;
	border-top-width:1px;
	padding:7px;
	margin:0px;
	font-size:12px;
	background: #31B0E6; /* Old browsers */
}

.links ul:hover li ul li a:hover {
	color:white;
	background-color:black;
}

.links ul li ul li .border	{ 
  background:#212222; width:100%;
  }

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

.contactFeild				{ padding:0px; margin:0px; width:35%; padding-top:11px; padding-right:20px; }
input, textarea, select		{ padding:6px; margin:0px; color:black; width:100%; border-radius:4px; border:solid 1px black; }

.totalz			{ width:70px; text-align:center; border:none; font-size:18px; padding:0; margin:0; margin-bottom:15px; }
.calc			{ width:30%; margin-bottom:15px; }

.left						{ width:55%; float:left; }
.right						{ width:40%; float:right; }

.leftcontact				{ float:left; width:45%; }
.rightcontact				{ float:right; width:45%; }

@media (max-width: 600px) {
		body, td, li,
input, select, textarea			{ font-size:14px; }

	.infoholder					{ width:300px; padding:6px; margin:0px auto; }
	.logobox .logo						{ width:284px; }
	.logo img					{ width:100%; }
	
	.phone						{ width:100%; padding:0; margin:0; margin-bottom:15px; text-align:center; }
	.phone h2 {
    font-size: 28px;
	}
	
.links						{ padding:0px; margin:0px; padding-bottom:3px; width:100%; background:black; }
.links ul					{ width:100%; margin:0px; padding:0px; }
.links ul li				{ width:100%; margin:0px; padding:0px; padding-bottom:2px; text-align:center; background:url(images/mobile_button.png) no-repeat center; }
.links ul li a				{ margin:0px; padding:11px; padding-bottom:10px; width:278px; font-size:14px !important; line-height:14px; }
.links ul li a:visited		{ color:white; }
.links ul .active a			{ color:white; }
.links ul li a:hover		{ color:black; }
.links ul .last a			{ }

	.search						{ width:100%; text-align:center; float:none; clear:both; margin:0 auto; }
	.search a					{ float:none; }
	
	.banner						{ width:300px !important; clear:both; }
	.jdGallery					{ width:300px !important; height:120px !important; }
	.jdGallery .slideElement	{ width:300px !important; background-size:100% auto !important; }
	
	.left						{ width:100%; clear:both; }
	.right						{ width:100%; clear:both; }
	.leftcontact				{ width:100%; clear:both; }
	.rightcontact				{ width:100%; clear:both; } 
	
	.content img				{ width:100% !important; height:auto !important; }

	.formz						{ width:265px !important; clear:both; float:none; margin-left:10px; }
	
	.products					{ float:none; margin:0 auto !important; margin-bottom:45px !important; width:100%; padding:0%; }
	.products h3				{ font-size:16px; line-height:18px; }
	.products p					{ font-size:13px; line-height:15px; }
	
	.footer						{ text-align:center; }
	
	.copyright					{ text-align:center; padding:0; margin:0; width:100%; }
	
	.contactFeild				{ padding:0px; margin:0px; width:90%; padding-top:11px; float:left; }
	
	.calc {
    width: 80%;
	}
	
	.col						{ width:100% !important; padding:0; margin:0 !important; }
	
	.links li:hover ul {
		display:none;
	}
	.button { font-size:12px; }
}