@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
 
/* Mobile Layout: 480px and below. 
 */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#myheader {display:none;position: relative; min-height: 32px; width: 100%; background-color: #fff; max-width: 1200px;margin:0px auto;}


/* check out */
	
#mynextstep {
	padding-top:11px;width:90%; height:30px;}
#multifield
{ width:100%;  float:left;
margin-top:10px;
}
	#noproducts2 {display:block}
	
#noproducts {display:none;width:350px; background-color: #F5F5F5;min-width:320px;height:60px;margin:0px auto;padding:7px;border-radius:7px;position:relative;-moz-box-shadow: -2px 2px 8px #888;-webkit-box-shadow: -2px 2px 8px #888;box-shadow:-2px 2px 8px #888; }

 /* check out */ 
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/*  fonts sizing */
.s10
{
	font-size: 10px;
}
.s11
{
	font-size: 11px;
}
.s12
{
	font-size:12px;
}
.s13
{
	font-size: 13px;
}

.s14
{
	font-size:13px;
}
.s16
{
	font-size:14px;
}
.s18
{
	font-size:14px;
}
.s20
{
	font-size:14px;
}
.s21
{
	font-size:15px;
}
.s22
{
	font-size:16px;
}
.s24
{
	font-size:16px;
}
.s26
{
	font-size:18px;
}
.s28
{
	font-size:14px;
}
.s30
{
	font-size:22px;
}


.s34
{
	font-size:26px;
}
.s40
{
	font-size:30px;
}
 .s42
{
	font-size:32px;
}
.s44
{
	font-size:34px;
}
.s48
{
	font-size:38px;
}
/*  fonts sizing */

.s60
{
	font-size:46px;
}
.s70
{
	font-size:58px;
}

/*  fonts sizing */

/* menu header */
#menu1 {
	clear: both;position:relative;
	 
	width: 100%; max-width:460px;margin:0px auto;
	display: none;
	height:110px;
}
.menustable {
	clear: both;
	position: absolute;
	width: 100%;
	  background-color:#fff;
	margin: 0px auto;
	display: none;
	height: auto;
	top:-120px
}
.stablediv
{position:fixed; top:0px; display:none;
 clear: both; 
	width: 100%;
	 background-color:#fff;
	margin: 0px auto;
	height:85px;  z-index:99999;
}


#menu2 {
	clear: both;position:relative;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:120px;
}

#menu3 {
	clear: both;position:relative;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	height:120px;
}

#logo {
	clear: none;
	float: left;
	margin-left: 0%;
	/*margin-top:10px;*/
	width: 25.2564%;
	min-width:200px;
	display: block;height:110px;
}
#blank {
	clear: none;
	float: left;
	margin-left: 2.2641%;
	width: 2.2564%;
	display: block;
}


#choice0 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;
	float: right;
	
	margin-left: 0.8%;
	width: 4.8%;
	display: block;position:relative;
}

#choice1 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;
	float: right;
	
	margin-left: 0.8%;
	width: 11.3%;
	display: block;position:relative;
}
#choice2 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left:0.8%;
	width: 9.5%;
	display: block;position:relative;
}
#choice3 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left: 0.8%;
	width: 11.0%;
	display: block;position:relative;
}
#choice4 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	
	margin-left: 0.8%;
	width: 7.2%;
	display: block;position:relative;
}
#choice5 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left:0.8%;
	width: 15.5%;
	display: block;position:relative;
}
#choice6 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	
	margin-left: 0.8%;
	width: 8.4%;
	display: block;position:relative;
}
/* menu header */
 
#mobileheader
{
	
	display:block;}
#demo2 {float:left;width:95%;margin:0px auto;margin-top:1px; position:absolute; top:1px;display:block; z-index:99999; }
#desktopbanner
{ display:none; }
 
#mobilebanner
{ display:block; }

.col1_2
{
width:85%;float:none;height:auto;margin:0px auto; 
}
.col2_2
{
width:85%;float:none;height:auto;margin:0px auto; }

#leftcontact { width:90%;float:none;margin:0px auto; }
#rightcontact { width:90%;float:none;margin-left:0px; margin:0px auto; }
#contactbut {float:none;width:90%;max-width:340px;height:37px;padding-top:7px;border-radius:7px;margin:0px auto; }
#coldef {width:100%;max-width:255px;padding:3px;position:relative;white-space: normal;height:140px;}
@media only screen and (min-width: 481px) {
 #mobileheader
{
	
	display:block;}

{width:33.3%;max-width:222px;float:left;}

.spancol
{width:33%;max-width:223px;float:left;}
.spancol2
{width:34%;max-width:222px;float:left;}
.col1_2
{
width:34%;float:left;height:130px;	
}
.col2_2
{
width:66%;float:left;	height:130px;
}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}




 /* check out */

	
#mynextstep {
	padding-top:250px;width:37%;float:left;height:30px;}

	
#multifield
{ width:50%; float:left;
margin-top:0px;
}
  
 
#tablecell {height:21px;margin-top:25px;}	 

 
/* check out */


#myheader {display:none;position: relative; min-height: 32px; width: 100%; background-color: #fff; max-width: 1200px;margin:0px auto;}


#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#logo {
	clear: none;
	float: left;
	margin-left: 0%;
	/*margin-top:15px;*/
	width: 35.2564%;
	min-width:200px;
	display: block;height:110px;
}
#blank {
	clear: none;
	float: left;
	margin-left:0.7641%;
	width: 2.7564%;
	display: block;
}

#choice0 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;
	float: right;
	
	margin-left: 0.8%;
	width: 4.9%;
	display: block;position:relative;
}


#choice1 {
	 display: inline-block;
height:40px;	margin-top:30px;margin-right:2%;
	clear: none;
	float: right;
	
	margin-left: 0.8%;
	width: 8.3%;
	display: block;position:relative;
}
#choice2 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	height:40px;
	margin-left: 0.8%;
	width: 8.5%;
	display: block;position:relative;
}
#choice3 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
height:40px;	margin-left: 0.8%;
	width: 14.0%;
	display: block;position:relative;
}
#choice4 {	margin-top:30px;display: inline-block;	height:40px;	clear: none;
	float: right;	
	margin-left: 0.8%;
	width: 10.2%;
	display: block;position:relative;
}
#choice5 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	height:40px;
	margin-left: 0.3%;
	width: 10.0%;
	display: block;position:relative;
}
#choice6 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	height:40px;
	margin-left:  0.1%;
	width: 7.2%;
	display: block;position:relative;
}



/*  fonts sizing */

.s10
{
	font-size: 10px;
}
.s11
{
	font-size: 11px;
}

.s12
{
	font-size: 12px;
}
.s13
{
	font-size: 14px;
}

.s14
{
	font-size: 14px;
}
.s16
{
	font-size: 14px;
}
.s18
{
	font-size: 15px;
}
.s20
{
	font-size: 16px;
}
.s21
{
	font-size: 17x;
}
.s22
{
	font-size: 18px;
}
.s24
{
	font-size: 19px;
}
.s26
{
	font-size: 20px;
}
.s28
{
	font-size: 21px;
}
.s30
{
	font-size:22px;
}


.s34
{
	font-size:24px;
}
.s40
{
	font-size:29px;
}
 
.s44
{
	font-size:30px;
}
.s48
{
	font-size:32px;
}
.s56
{
	font-size:40px;
}
.s60
{
	font-size:42px;
}
.s70
{
	font-size:52px;
}
/*  fonts sizing */

 #leftcontact { width:90%; float:none; margin-left:0px;}
#rightcontact { width:90%;float:none;margin-left:0px; }
#contactbut {float:left; width:90%;max-width:340px;height:37px;padding-top:7px;border-radius:7px;margin:auto;float:left; }
#coldef {width:100%;max-width:255px;padding:3px;position:relative;white-space: normal;height:170px;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

.mysamples {width:90%;height:220px;min-width:220px; margin:2%; overflow:hidden; position:relative; float:none; text-align:center; cursor:pointer;background-color: #C5C5C5; border-radius:9px;   margin:0px auto; border:2px; border-width:2px; border-style:solid; border-color:transparent; margin:7px auto;}
.mysamples:hover {width:90%;height:220px;min-width:220px; margin:2%; overflow:hidden; position:relative; float:none; text-align:center; cursor:pointer;background-color:#CCC; border-radius:9px;  margin:0px auto;border:2px; border-width:2px; border-style:solid; border-color:red; margin:7px auto;}

@media only screen and (min-width: 670px) {
 #mobileheader
{
	
	display:block;}
	
	#demo2 {float:left;width:95%;margin:0px auto;margin-top:1px; position:absolute; top:1px;display:block; }
.spancol
{width:33%;max-width:256px;float:left;}
.spancol2
{width:34%;max-width:255px;float:left;}
.col1_2
{
width:34%;float:left;height:130px;	
}
.col2_2
{
width:66%;float:left;	height:130px;
}
	#mobilebanner
{ display:none; }
#desktopbanner
{ display:block; }
 	#leftcontact { width:40%;float:left; }
#rightcontact { width:40%;float:left;margin-left:3%; }
#contactbut {width:90%;max-width:340px;height:37px;padding-top:7px;border-radius:7px;margin:auto; }
#coldef {width:100%;max-width:255px;padding:3px;position:relative;white-space: normal;height:100px;}


.mysamples {width:40%;height:220px;min-width:250px; margin:2%; overflow:hidden; position:relative; float:left; text-align:center; cursor:pointer;background-color: #C5C5C5; border-radius:9px;   border:2px; border-width:2px; border-style:solid; border-color:transparent;}
.mysamples:hover {width:40%;height:220px;min-width:250px; margin:2%; overflow:hidden; position:relative; float:left; text-align:center; cursor:pointer;background-color:#CCC; border-radius:9px; border:2px; border-width:2px; border-style:solid; border-color:red;}

	}


@media only screen and (min-width: 769px) {
	

.mysamples {width:27%;height:220px;min-width:240px; margin:2%; overflow:hidden; position:relative; float:left; text-align:center; cursor:pointer;background-color: #C5C5C5; border-radius:9px;  border:2px; border-width:2px; border-style:solid; border-color:transparent;}
.mysamples:hover {width:27%;height:220px;min-width:240px; margin:2%; overflow:hidden; position:relative; float:left; text-align:center; cursor:pointer;background-color:#CCC; border-radius:9px;  border:2px; border-width:2px; border-style:solid; border-color:red;}	
	
	 #mobileheader
{
	
	display:none;}
	
	#demo2 {float:left;width:95%;margin:0px auto;margin-top:1px; position:absolute; top:1px;display:none; }
 	#leftcontact { width:40%;float:left; }
#rightcontact { width:40%;float:left;margin-left:3%; }
 
.spancol
{width:33%;max-width:326px;float:left;}
.spancol2
{width:34%;max-width:327px;float:left;}

.col1_2
{
width:34%;float:left;height:130px;	
}
.col2_2
{
width:66%;float:left;	height:130px;
}
	
.gridContainer {
	width: 98.1%;
	max-width: 1200px;
	padding-left: 0.95%;
	padding-right: 0.95%;
	margin: auto;
}

/* check out */
#mynextstep {
	padding-top:235px;width:25%;float:left;height:30px;}	
#multifield
{ width:50%;
float:left;
margin-top:0px;
}
 
/* check out */

#myheader {display:block;position: relative; min-height: 110px; width: 100%; background-color: #fff; max-width: 1200px;margin:0px auto;}



#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.menustable {
	clear: both;
	position: absolute;
	width: 100%;
	  background-color:#fff;
	margin: 0px auto;
	display: block;
	height: 70px;
	top:-120px
}

.stablediv
{position:fixed; top:-10px; 
 clear: both;
	 
	width: 100%;
	 background-color:#fff;
	margin: 0px auto;
	display: block;
	height:85px;  z-index:99999;
}
 #logostable {
	clear: none;
	float: left;
	margin-left: 0%;
	/*margin-top:10px;*/
	 
	min-width:170px;
	display: block;height:auto;
}



#menu1 {
	clear: both;position:relative;
	 
	width: 100%; max-width:1200px;margin:0px auto;
	display:block;
	height:110px;
}
#menu2 {
	clear: both;position:relative;
	float: left;
	margin-left: 0;
	width: 100%;
	display:none;
	height:80px;
}
#menu3 {
	clear: both;position:relative;
	float: left;
	margin-left: 0;
	width: 100%;
	display:none;
	height:80px;
}
	
#choice0 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;
	float: right;
	
	margin-left: 1.5%;
	margin-right:20px;
	width: 4.2%;
	display: block;position:relative;
}


#choice1 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;height:28px;margin-right:2%;
	float: right;
	
	margin-left:1.2%;
	width:13%;
	display: block;position:relative;
}
#choice2 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	margin-left:1.2%;
	width: 9.5%;height:28px;
	display: block;position:relative;
}
#choice3 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left: 1.2%;
	width: 12.5%;height:28px;
	display: block;position:relative;
}
#choice4 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	
	margin-left: 1.2%;
	width: 9.6%;height:28px;
	display: block;position:relative;
}
#choice5 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left:0.3%;
	width: 10.9%;height:28px;
	display: block;position:relative;
}
#choice6 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	
	margin-left: 1.2%;
	width: 5.7%;height:28px;
	display: block;position:relative;
}



/*  fonts sizing */

	#mobilebanner
{ display:none; }
#desktopbanner
{ display:block; }
#sysproducts {width:49%;min-height:250px;float:left; position:relative; margin:0px;}

/*  fonts sizing */

.s10
{
	font-size: 10px;
}
.s11
{
	font-size: 11px;
}

.s12
{
	font-size: 12px;
}
.s13
{
	font-size:12px;
}


.s14
{
	font-size: 12px;
}
.s15
{
	font-size: 12px;
}
.s16
{
	font-size: 13px;
}
.s17
{
	font-size: 13px;
}
.s18
{
	font-size: 14px;
}
.s19
{
	font-size: 14px;
}
.s20
{
	font-size: 16px;
}
.s21
{
	font-size: 15px;
}
.s22
{
	font-size: 15px;
}
.s23
{
	font-size: 15x;
}
.s24
{
	font-size:16px;
}
.s25
{
	font-size: 16px;
}
.s26
{
	font-size: 16px;
}
.s27
{
	font-size: 16px;
}
.s28
{
	font-size: 17px;
}
.s29
{
	font-size:17px;
}

.s30
{
	font-size:17px;
}

.s31
{
	font-size:17px;
}
.s32
{
	font-size:17px;
}
.s33
{
	font-size:18px;
}
.s34
{
	font-size:18px;
}
.s35
{
	font-size:18px;
}
.s36
{
	font-size:18px;
}
 .s37
{
	font-size:19px;
}
 .s38
{
	font-size:20px;
}
 .s39
{
	font-size:21px;
}
.s40
{
	font-size:22px;
}
.s42
{
	font-size:23px;
}
.s43
{
	font-size:24px;
}



.s44
{
	font-size:28px;
}

.s45
{
	font-size:30px;
}
.s46
{
	font-size:33px;
}

.s47
{
	font-size:38px;
}
.s48
{
	font-size:40px;
}
.s56
{
	font-size:45px;
}
.s60
{
	font-size:47px;
}
.s70
{
	font-size:55px;
}
}


@media only screen and (min-width: 982px) {

.mysamples {width:27%;height:220px;min-width:220px; margin:2%; overflow:hidden; position:relative; float:left; text-align:center; cursor:pointer;background-color: #C5C5C5; border-radius:9px;   border:2px; border-width:2px; border-style:solid; border-color:transparent;}
.mysamples:hover {width:27%;height:220px;min-width:220px; margin:2%; overflow:hidden; position:relative; float:left; text-align:center; cursor:pointer;background-color:#CCC; border-radius:9px;  border:2px; border-width:2px; border-style:solid; border-color:red;}

		#leftcontact { width:40%;float:left; }
#rightcontact { width:40%;float:left;margin-left:3%; } 
	#mobilebanner
{ display:none; }
#desktopbanner
{ display:block; }
 
.spancol
{width:33%;max-width:400px;float:left;}
.spancol2
{width:34%;max-width:400px;float:left;}

.col1_2
{
width:34%;float:left;height:130px;	
}
.col2_2
{
width:66%;float:left;	height:130px;
}






	}



@media only screen and (min-width: 1081px) {
.spancol
{width:33%;max-width:400px;float:left;}
.spancol2
{width:34%;max-width:411px;float:left;}
.col1_2
{
width:34%;float:left;height:130px;	
}
.col2_2
{
width:66%;float:left;	height:130px;
}
	#leftcontact { width:40%;float:left; }
#rightcontact { width:40%;float:left;margin-left:3%; }
	
.gridContainer {
	width: 98.1%;
	max-width: 1200px;
	padding-left: 0.95%;
	padding-right: 0.95%;
	margin: auto;
}

/* check out */
#mynextstep {
	padding-top:235px;width:25%;float:left;height:30px;}	
#multifield
{ width:50%;
float:left;
margin-top:0px;
}
	 

/* check out */


#myheader {
	display: block;
	position: relative;
	min-height: 110px;
	width: 100%;
	background-color: #fff;
	max-width: 1200px;
	margin: 0px auto;
}


#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
	clear: both;
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	display: block;
	height: 110px;
}

.menustable {
	clear: both;
	position: absolute;
	width: 100%;
	 background-color:#fff;
	margin: 0px auto;
	display: block;
	height:70px;
	top:-120px; z-index:99999;
}
.stablediv
{position:fixed; top:-10px; display:block;


clear: both;
	 
	width: 100%;
	 background-color:#fff;
	margin: 0px auto;
	display: block;
	height:85px;  z-index:99999;
}

#menu2 {
	clear: both;position:relative;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	height:120px;
}
#menu3 {
	clear: both;position:relative;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	height:120px;
}
#logo {
	clear: none;
	float: left;
	margin-left: 0%;
	/*margin-top:15px;*/
	width:33%;
	min-width:200px;
	display: block;height:110px;
}
#blank {
	clear: none;
	float: left;
	margin-left: 0.8641%;
	width: 4.9564%;
	display: block;
}
#choice0 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;
	float: right;
	
	margin-left: 1.2%;
	width: 5.0%;
	display: block;position:relative;
}


#choice1 {
	 display: inline-block;
	 
	margin-top:30px;
	clear: none;height:28px;
	float: right;
	
	margin-left:1.2%; margin-right:2%;
	width:10%;
	display: block;position:relative;
}
#choice2 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	margin-left:1.2%;
	width: 9.5%;height:28px;
	display: block;position:relative;
}
#choice3 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left: 1.2%;
	width: 11.0%;height:28px;
	display: block;position:relative;
}
#choice4 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	
	margin-left: 1.2%;
	width: 10.1%;height:28px;
	display: block;position:relative;
}
#choice5 {	margin-top:30px;display: inline-block;	
	clear: none;
	float: right;
	
	margin-left:1.2%;
	width: 12.9%;height:28px;
	display: block;position:relative;
}
#choice6 {	margin-top:30px;display: inline-block;		clear: none;
	float: right;	
	margin-left: 1.2%;
	width: 5.7%;height:28px;
	display: block;position:relative;
}



/*  fonts sizing */

.s10
{
	font-size: 10px;
}
.s11
{
	font-size: 11px;
}

.s12
{
	font-size: 12px;
}
.s13
{
	font-size: 13px;
}


.s14
{
	font-size: 14px;
}
.s15
{
	font-size: 16px;
}
.s16
{
	font-size: 16px;
}
.s17
{
	font-size: 17px;
}
.s18
{
	font-size: 18px;
}
.s19
{
	font-size: 19px;
}
.s20
{
	font-size: 20px;
}
.s21
{
	font-size: 21px;
}
.s22
{
	font-size: 22px;
}
.s23
{
	font-size: 23px;
}
.s24
{
	font-size: 24px;
}
.s25
{
	font-size: 25px;
}
.s26
{
	font-size: 26px;
}
.s27
{
	font-size: 27px;
}
.s28
{
	font-size: 28px;
}
.s29
{
	font-size:29px;
}

.s30
{
	font-size:30px;
}

.s31
{
	font-size:31px;
}
.s32
{
	font-size:32px;
}
.s33
{
	font-size:33px;
}
.s34
{
	font-size:34px;
}
.s35
{
	font-size:35px;
}
.s36
{
	font-size:36px;
}
 .s37
{
	font-size:37px;
}
 .s38
{
	font-size:38px;
}
 .s39
{
	font-size:39px;
}
.s40
{
	font-size:40px;
}
.s42
{
	font-size:42px;
}
.s43
{
	font-size:43px;
}



.s44
{
	font-size:44px;
}

.s45
{
	font-size:45px;
}
.s46
{
	font-size:46px;
}

.s47
{
	font-size:47px;
}
.s48
{
	font-size:48px;
}
.s56
{
	font-size:56px;
}
.s60
{
	font-size:60px;
}
.s70
{
	font-size:70px;
}
/*  fonts sizing */
	#mobilebanner
{ display:none; }
#desktopbanner
{ display:block; }
 #logostable {
	clear: none;
	float: left;
	margin-left: 0%;
	/*margin-top:10px;*/
	width: 18.2564%;
	min-width:170px;
	display: block;height:auto;
}
 
}