td,tr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
}

table {
  border-spacing: 3px;
 /* border-collapse:collapse; */
}

.logo {
    
    max-width: 100%;
}

table td, table th
{
    padding: 2px; /* 'cellpadding' equivalent */
}

.maint {
  border-spacing: 0px;
    padding: 0px; /* 'cellpadding' equivalent */
}


.mainc {
	border: 1px solid #1575A6;
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

		background-color:#FFFFFF;
}

fieldset {
	background-color:#FEFEFE;
	border: 1px solid #f0f0f0;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	background-color: #1575A6;
	margin-top:5px;
	margin-bottom:5px;
}
a:link {
	color: #134776;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #134776;
}
a:hover {
	text-decoration: overline underline;
	font-weight:bold;
	color: #339933;
}
a:active {
	text-decoration: none;
	font-weight:bold;
	color: #134776;
}



.white {
	text-decoration: none;
	color: #ffffff;
}
A.white:link {
	font-weight: bold;
	color: #ffffff;
}
A.white:visited {
	font-weight: bold;
	color: #ffffff;
}
A.white:hover {
	text-decoration: underline overline;
	font-weight: bold;
	color: #ffffff;
}
A.white:active {
	font-weight: bold;
	color: #ffffff;
}








tr {
/*		background-color: #FFFFFF; */
}
.border1 {
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.bprnt {
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
/*	background-image: url(bgg.jpg); */
	background-image: url(bg.png);
}


.error_msg {
	font-weight:bold;
	color:#FF0000;
}

.tooltip_head { background-color:#FFFFFF; }

.header {
	font-size:24px;
}
.spcr {
	font-size:3px;
	background-color: #efefef;
}
.smallin {
	font-size:9px;
}
.bigin {
	font-size:13px;
}


.bigin
.warning_text {
	font-weight:bold;
	color:#FF0000;
}


.cat_table {
	font-size:11px;
}

.cat_table tr:hover{
	background-color: #FFFFFF;
}

.completion_bar {
	background-color: #efefef;
}

.completion_bar tr:hover{
	background-color: #efefef;
}

.controls_selected {
	font-weight:bold;
}

.controls_table {
	background-color:#F4F4F4;
	border:none;
}

.controls_table_head {
	font-weight:bold;
}

.error_table {
	background-color:#FF9FEE;
	border:none;
}

.error_table_head {
	font-weight:bold;
}

.form_table {
	background-color:#FFFFFF;
	border:none;
}

.phone{
	color: #003E87;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.blue{
	color: #004597;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.tit{
	color: green;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}


.form_table_head {
	vertical-align:top;
	font-weight:bold;
}

.invisible_table {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:none;
}

.table_row_one {
	background-color:#FEFEFE;
		border: 1px solid #a7d0ff;
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

.table_row_two {
	background-color:#a7d0ff;
		border: 1px solid #FEFEFE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

.table_row_three {
    background-color: #009933;
		border: 1px solid #FEFEFE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

.task_table {
	border: 1px solid #bbbbbb;
	padding: 0px;
	color: #51296E;
	background-color: #efefef;
	font-size: 11px;
	line-height: 150%;
	vertical-align:top;
}

.task_table tr:hover{
	background-color: #FFFFFF;
}

.task_table_head {
	background-color:#FFFFFF;
}

.warning_table {
	border:none;
	background-color:#F8F8F8;
	padding:5px;
}

.task_critical {
	background-color:#004597;
	font-weight: bold;
	color: #FFFFFF;
}
.task_high {
	background-color:#004597;
	color: #FFFFFF;
}
.task_normal {
	background-color:#ab6821;
	color: #FFFFFF;
-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}
.task_low {background-color:#F5FFDF;}
.task_very_low {background-color:#F5F5F5;}


input[type=submit] , input[type=button] {
	color: #f3f3f3;
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
		padding-left:20px;
	padding-right:20px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ADEF', endColorstr='#134776'); /* for IE */
	background-image: -o-linear-gradient(top, #00ADEF, #134776); /* ie 10 */
	background-image: -ms-linear-gradient(top, #00ADEF, #134776); /* ie 10 */
	background-image: -moz-linear-gradient(top, #00ADEF, #134776); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #134776),color-stop(1, #00ADEF)); /* Saf4+, Chrome */
	-webkit-box-shadow: #4b4b4b 0px 2px 5px;
	-moz-box-shadow: #4e4e4e 0px 2px 5px;
	box-shadow: #e3e3e3 0px 2px 5px;
	border: none;

}


input[type="radio"] {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}


input[type=reset]{

	color: #f3f3f3;
	padding:3px;
	text-align:center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

padding-left:20px;
	padding-right:20px;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d01111', endColorstr='#7e0c0c'); /* for IE */
	background-image: -o-linear-gradient(top, #d01111, #7e0c0c); /* FF3.6 */
	background-image: -ms-linear-gradient(top, #d01111, #7e0c0c); /* FF3.6 */
	background-image: -moz-linear-gradient(top, #d01111, #7e0c0c); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7e0c0c),color-stop(1, #d01111)); /* Saf4+, Chrome */
	-webkit-box-shadow: #4b4b4b 0px 2px 5px;
	-moz-box-shadow: #4e4e4e 0px 2px 5px;
	box-shadow: #e3e3e3 0px 2px 5px;
	border: none;
	border-radius: 6px;

}
input, textarea, select,file,.required, .productcheckbox , .form {
	/*  width: 250px;*/
        
	padding: 2px;
	background-color:#F4F4F4;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

.former {
	 width: 200px;
	 float: left;
	 margin-right: 5px;

}
.formerd {

	 float: left;
	 margin-right: 5px;

}


.lines {
	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}


.linest {

	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;


}

.linest1 {

	border: 1px solid #E6E6E6;
	background-color: #F6F6F6;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;


}


.lineshome {
min-height:20px;
	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
		-moz-border-radius: 0px 10px 0px 10px;
	-webkit-border-radius: 0px 10px 0px 10px;
	border-radius: 0px 10px 0px 10px;

}

.lineshome:hover, .lines:hover, .linest:hover, .linest1:hover {
	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	background-image: url(hombg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.rounded{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}


ul {
	list-style-position: outside;
	list-style-image: url(bullet.png);
}

.noborder{
	border: 0px;
}
.cancel{
	border: 0px;
	background-attachment: fixed;
	background-image: url(bullet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

legend {
  padding: 3px;
  text-align:right;
  }

  #feed {
      
    padding: 3px;   
    
   margin: 3px;   
   font-family: 'Lato', 'Lucida Grande', Verdana, Geneva, Lucida,  Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
      border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
/*	background-image: url(bgg.jpg); */
	background-image: url(bg.png);
      
  }
  
  
  


/* Nav Demo Styles -------------------- */

#nav-wrap {
width: 100%; 
  
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}


#nav {
    width : 100%;
	margin: 0 auto;
	padding: 0;
     
        
}
#nav li {
	list-style: none;
	float: left;
	margin-right: 5px;
        position: relative;
        
text-align: center;
    width: 13.9%; 
}

/* nav link */
#nav a {
	padding: 4px 15px;
	display: block;
		border-radius: 4px;
  margin-top: 5px;
  border: solid 1px #1e2a36;
	 background: #0071c8;
	  color: #fff;
    display: block;
    padding: 10px 15px;
    text-decoration: none;


}
#nav a:hover {
	background: #D7B63C;
}

/* nav dropdown */
#nav ul {
	padding: 1px;
	position: absolute;
	display: none; /* hide dropdown */
     
        
	
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
display: table-row;
width: 100%;


}
#nav li:hover > ul {
	display: block; /* show dropdown on hover */
        
}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 800px) {

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url(menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: none;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}

}

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

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}




.dlr {
	border: 1px solid #1575A6;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}




#cssmenu {
  position: relative;
  height: 44px;
  background: #1575A6;
  width: auto;
   border-bottom: 2px solid #ffffff;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
border-bottom-color: #ffffff;

}
#cssmenu > ul {
  position: relative;
  display: block;
  background: #1575A6;
  width: 100%;
  z-index: 500;
  
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 30px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  
  -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;

  margin-top: 2px;
  border: solid 1px whitesmoke;
  border-bottom: 0px;
  
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #1575A6;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #0071c8;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #0071c8;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #0071c8;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 2px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color: #ffffff;
  background: #1575A6;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #0071c8;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}




@media   (max-width: 1200px){
 
#cssmenu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px ;
  
}

}




@media   (max-width: 1024px) {
 
#cssmenu > ul > li > a {
  font-size: 12px;
  font-weight: bold;
  padding: 15px 5px;
  
}

}



@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
    
  }
  #cssmenu ul {
    width: auto;
  }
  

  
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
     border-top: 2px solid #ffffff;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
     border-bottom: 2px solid #fefefe;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}






.msg{
	
max-width: 600px; 
  overflow: auto;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
 /* -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
	
	
}


.maintableform  {
    
    width: 550px;
}

@media (max-width: 768px) {

    .hidemobi {
        display: none;
    }
    
    
  .maintableform  {
    
    width: 98%;
}
.login-page {

  width: 98%;



  margin: auto;

}

    

    

}




	
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
.menuTemplate4, .menuTemplate4 li
{

}
img, .img{max-width:100%;  height:auto; }
		
		
		
		
		
		#banner-fade:before {  content: ' \A \A ';
    clear: right;
    display: block; 
	white-space: pre-wrap; 
	}
		#banner-fade{ display: block;  height:auto; }
	
#banner-fade:after  {
  content:" \A \A  ";
  white-space: pre; /* or pre-wrap */
}
		 
		
    input, textarea, select,file,.required, .productcheckbox , .form {
	  
        
                }
		
		
	}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body {
			padding: 0;
			margin: 0;
			width: 98%; }
             
                
                
		}

               
                
                
	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
			width: 98%; }
		}