@charset "UTF-8";
/* CSS Document */

body {
	background-color:#fff;
	background-position:top center;
	margin:0px; padding:0px;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	/*background-image:url(pix/BGgradient.png);
	background-repeat:repeat-x;*/

	text-align: center; /* part 1 of 2 centering hack */ 
	}
	

h1, .HN_bold {
	font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold",
             "Helvetica Neue", Arial-Bold, sans-serif; font-weight:bold;}
			 
h1, h2	{font-size: 11pt;
	color:red;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
h2	{
	color:#f0f0f0;
	}
	
h3	{font-size: 11pt;
	color:#FFCC00;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
h4	{font-size: 10pt;
	color:white;
	padding:0px;
	margin:0px 0px 0px 0px;
	}
	
p	{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10pt; color: #fff;
	line-height:18px;	
	
}

.pabout	{
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12pt; color: #fff;
	line-height:23px;	
	
}


a {text-decoration: none;}
a:link {color:#FFCC00;text-decoration: none;}
a:visited {color:#FFCC00;text-decoration: none;}
a:hover {color:#900;text-decoration: none;}

a.white {text-decoration: none;}
a.white:link {color:#fff;text-decoration: none;}
a.white:visited {color:#fff;text-decoration: none;}
a.white:hover {color:#FC0;text-decoration: none;}

.red{ color:#ee0011;}


a img {
border: none;

}


#wrap {
	position:relative;
	margin:30px auto 50px auto; width:750px; height:auto;}

#container 
		{ 
		position: relative;
		width:750px;
		height:23px;
		overflow:hidden;
		}



#maincontain
		{ 
		-webkit-animation:stretch 1s ease;
		-moz-animation:stretch 1s ease;
		position: relative;
		background-color:#000;
		top: 0px;
		margin:0px auto; padding-bottom:50px;
		width:750px;
		overflow:hidden;
		min-height:470px;
		
		-moz-border-radius-bottomright: 15px;
		border-bottom-right-radius: 15px;
		-moz-border-radius-bottomleft: 15px;
		border-bottom-left-radius: 15px;

		-moz-box-shadow: 0px 0px 5px #555;
		-webkit-box-shadow: 0px 0px 5px #555;
		box-shadow: 0px 0px 5px #555;
				
		/* fallback (Opera) */
		background: #000;
		/* Mozilla: */
		background: -moz-linear-gradient(top, #000, #202020);
		/* Chrome, Safari:*/
		background: -webkit-gradient(linear,
					left top, left bottom, from(#000), to(#202020));
		
		}



@-webkit-keyframes fadein {
		from {
			Opacity:0;
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
 			
		}
		
		to {
			Opacity:1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
		}
	}

@-moz-keyframes fadein {
		from {
			Opacity:0;
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
		}
		
		to {
			Opacity:1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
		}
	}
		
#home_logo
		{ 
		-webkit-animation: fadein 1s ease;
		-moz-animation: fadein 1s ease;
		position: relative;
		background-image:url(pix/homeLOGO.png);
		top: 0px;
		margin:75px auto 20px auto;
		width:500px;
		height:250px;
		overflow:hidden;
		
		}
	
	
	
#newsletter { 
	position:absolute; top:480px; width:669px; height:48px; 
	background:url(pix/newsletterBG.jpg) no-repeat; z-index:90;
	margin-left:-4px; padding-left:130px; padding-top:5px;}

#newsletter div {float:left; padding-top:6px; padding-right:15px; color:#777;}

#footer {
		-webkit-animation:spring 1s ease;
		-moz-animation:spring 1s ease;
		position: relative;
		margin:3px auto; padding-bottom:100px;
		width:750px;
		overflow:hidden;
}

#signup {
		float:right;
		width:440px;
		padding-top:2px;
}

#signup_complete {
		float:right;
		width:640px;
		padding-top:2px;
}

.mail_list, .left_footer {
	float:right;
	vertical-align:baseline;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:8pt;
	color: #000;
}

.left_footer {float:left; padding-top:4px;}

.mail_go {
	float:right;
	vertical-align:baseline;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color: #000;
	padding-top:0px;
	padding-left:5px;
}


.Social_media {
	float:left;
	vertical-align:baseline;
	padding-top:2px;
	padding-left:5px;
}

/* ::::::::::::::::::::::::::::- * sticky footer * -:::::::::::::::::::::::::::::::::::::::::: */

#bottom { position:fixed; bottom:0px; padding:13px 0px; width:100%;
background: #000; /* Old browsers */
background: rgba(0,0,0,0.8);
border-top: 1px solid #666;}

#copyright{
	position:relative; width:750px; color:#FFF; font-size:11px; margin:0px auto; text-align:center;
	}


.logo, .express {text-align:left;
	margin:15px 0px 25px 13px;
	background-image:url(pix/small_logo.png); background-repeat:no-repeat;
	height:66px; width:131px;
	display:block;
	float:left;
	}

.express {background-image:url(pix/express.png); width:231px;}
	
#clear, #productBOX { clear:both;}

.leftnav {width:180px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;}

a.Navback:link{padding-left:40px; font-size:11px; color:#fff; text-decoration:none;outline:none;}
a.Navback:visited {padding-left:40px; font-size:11px; color:#FFF;text-decoration: none;outline:none;}
a.Navback:hover{padding-left:40px; font-size:11px; color:#F00; text-decoration: none;outline:none;}

a.footer:link{color:#666; text-decoration:none; -webkit-transition:all 0.3s ease-in-out;}
a.footer:visited { color:#666;text-decoration: none;}
a.footer:hover{color:#F60; text-decoration: none;}


.submenu {list-style:none;
	padding:0; margin:0;
	color:#FFF;
	text-align:left;
	padding-left:40px; 
	font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold",
             "Helvetica Neue", Arial-Bold, sans-serif; font-size:14px; font-weight:bold;}
	
.submenu a, .icon_box a {
	text-decoration:none;
	color:#FFF;outline:none;}

.submenu a:hover, .icon_box a:hover{color:#FFCC00; outline:none;
	/*text-shadow: 1px 2px 1px #930;*/}
	
.submenu li	{padding-bottom:15px;} 
			 
.page_content {text-align:left;
	width: 540px;
	float:right;}
	
.page_content p{
	padding-right:35px;
	margin-top:0px;
	padding-top:0px;}

.currentpage a {color:#FFCC00;outline:none;}

.contentleft{ width:50%;float:left;}
	
.contentright{width:50%;float:right;}

.left {float:left;}
.right {float:right;}
.thumb {float:left; margin-right:50px;}

#round {
		float:left; margin-right:50px;
		
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		width:200px; height:150px;
		overflow:hidden;
		}
	
.icon_box{
	float:left;
	width:80px; height:100px;

	font-size:12px; line-height:12px;
	text-align:center;
	padding: 5px 0px 0px 0px; margin-bottom:0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}


.yellow {color:#FFCC00;}

.bubble_image{
	padding-bottom:5px;}
	
.submenu_clients {list-style:circle;
	padding:0; margin:0;
	color:#FFF;
	text-align:left;
	padding-left:55px; 
	font-family:"HelveticaNeue-Bold", "Helvetica Neue Bold",
             "Helvetica Neue", Arial-Bold, sans-serif; font-size:9px; font-weight:bold;}
	
.submenu_clients a, .icon_box a {
	text-decoration:none;
	color:#FFF;outline:none;}

.submenu_clients a:hover, .icon_box a:hover, .current a{color:#FFCC00; text-shadow: 1px 1px 1px #930; outline:none;}
	
.submenu_clients li	{padding-bottom:15px;} 

#map {border:3px #fff solid; width:500px; height:348px; overflow:hidden;}

.qjitems{ float:left; padding-right:25px; text-align:center; color:#CCC; margin-bottom:20px;}

#productTYPE { font-size:13px; line-height:18px; float:left; width:250px; padding-left:40px;}

#productBOXtop { clear:both; padding-top:25px;}

#cart_btn { position:absolute; top:20px; right:20px; width:auto;}

#price  { width:100%; height:80px; clear:both; background-color:;}

.cost { float:right; text-align:right; background-color:;}

.QTY {float:left; background-color:;}

#productTYPE .select {
		-moz-border-radius: 7px;
		border-radius: 7px;
		
		padding:3px 15px; margin-top:0px;
		border: 1px #777 solid;
		cursor:pointer;
		color:#333;
		
		/* fallback (Opera) */
		background: #aaa;
		/* Mozilla: */
		background: -moz-linear-gradient(top, #eee, #aaa);
		/* Chrome, Safari:*/
		background: -webkit-gradient(linear,
					left top, left bottom, from(#eee), to(#aaa));
		
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
		
		letter-spacing:1px; font-size: 13px; font-family:Tahoma, Geneva, sans-serif;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	}

#productTYPE .select:hover {
		border: 1px #999 solid;
		/* fallback (Opera) */
		background: #222;
		/* Mozilla: */
		background: -moz-linear-gradient(top, #555, #222);
		/* Chrome, Safari:*/
		background: -webkit-gradient(linear,
					left top, left bottom, from(#555), to(#222));
		
		color:#DDD; text-shadow: 0px 0px 2px rgba(0,0,0,0.5);}
		
#cart_btn{ 
	width:125px; height:34px; background-image:url(../Express/VIEWCARTsprite.png); 
	text-indent:-9000px; background-position:0px -34px;}
	
#cart_btn span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background-image:url(../Express/VIEWCARTsprite.png); background-position:0px 0px;
        opacity: 0;
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
}

#cart_btn span:hover {
        opacity: 1;
        
}

#disclaimer { position:absolute; bottom:20px; font-size:11px; color:#fff;}


#myinput {
	padding: 5px; width:220px; margin-right:10px; text-align:center;
	font-size: 15px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;
	text-shadow: 0px 1px 0px #444; color:#777;
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
	background: -moz-linear-gradient(top,  #ddd,  #ffffff);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000;
	-webkit-box-shadow: 1px 1px 0px #333;
	-moz-box-shadow: 1px 1px 0px #333;
	box-shadow:  1px 1px 0px #333;}
	
#myinput:focus {
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ffffff));
	background: -moz-linear-gradient(top,  #ddd,  #ffffff);
	text-shadow: 0px 1px 0px #fff; color:#999;}

.button {
	border:none;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
	background: -moz-linear-gradient(top, #777, #555);
	padding: 5px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	cursor:pointer;
	color: #999;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
   }
.button:hover {
   border-top-color: #008fb3;
   background: #008fb3;
   color: #ffffff;
   }
.button:active {
   border-top-color: #182e00;
   background: #182e00;
   }
   
  

#contact form, #contact input, #contact textarea { margin:0px; padding:0px; border:none;}

#contact form { padding-top:15px;}

#contact {
	width:auto; margin:50px auto; padding:0px;
	background:; border:none;
}

#contact table th { float:left; margin-right:20px;}

#contact table td { padding-bottom:10px; background-color:;}

#contact table td img { border:none; outline:none; float:left; clear:both;}

#contact small { color:#EEE; float:left; padding-top:10px;}

.input { background-color:;}

#contact  input {
	float: left; clear:left;
	width:260px; height:; padding: 12px 0px 12px 10px; margin: 0 0 15px 0;
	background: #EEE;
	background: -moz-linear-gradient(top, #BBB 0%, #EEE 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBB), color-stop(20%,#EEE)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	/*-moz-box-shadow: 0px 1px 3px #f2f2f2;-webkit-box-shadow: 0px 1px 3px #f2f2f2;*/
	font-family: sans-serif; font-size: 16px; color: #888; text-shadow: 0px 1px 2px #ccc;
}
#contact input::-webkit-input-placeholder  {
    	color: #bbb; text-shadow: 0px -1px 0px #38506b;  
	}
#contact input:-moz-placeholder {
	    color: #bbb; text-shadow: 0px -1px 0px #38506b; 
	}

#contact textarea {
	float: left; clear:left;
	width: 260px; height: 170px; padding: 12px 0px 0px 10px; margin: 0 0 15px 0; 
	background: #EEE;
	background: -moz-linear-gradient(top, #CCC 0%, #EEE 5%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(5%,#EEE)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #555;-webkit-box-shadow: 0px 1px 0px #555;
	font-family: sans-serif; font-size: 16px; color: #888; text-shadow: 0px 1px 2px #ccc; 
}
#contact textarea::-webkit-input-placeholder  {
    	color: #bbb; text-shadow: 0px -1px 0px #38506b;  
	}
#contact textarea:-moz-placeholder {
	    color: #bbb; text-shadow: 0px -1px 0px #38506b; 
	}
	
#contact input:focus, #contact textarea:focus {
	background: #FFF;
	background: -moz-linear-gradient(top, #eee 0%, #fff 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(20%,#fff)); /* webkit */
	-moz-box-shadow: 0px 1px 10px #f2f2f2;-webkit-box-shadow: 0px 1px 10px #f2f2f2;
}

#contact input[type=file] { background:none; box-shadow:none; padding-top:0px; -webkit-border-radius: 0px;}

#contact input[type=submit] {
	width: 185px; height: 40px; float: left; padding: 8px 15px; margin: 20px 67px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #555;
	border: 1px solid #666;
	background:#222;
	background: -moz-linear-gradient(top, #555 0%, #000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#000)); /* webkit */
	cursor: pointer; color:#EEE;
	-webkit-transition:all 0.2s;
}
#contact input[type=submit]:hover { background:#000; color:#FFF;}

#contact em
{
  text-decoration: none;
  color: #069; font-style:italic; margin:10px 0px;
}

#contact  em.error, #contact form em { color: #FF0000; }
#contact div.error { margin-bottom: 15px; }


.sitemap { font-size:13px;}
.sitemap > li { line-height:17px; margin:10px 0px;}

.divide {border-bottom:1px dashed #C90; margin:10px 0px;}