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

* {
    box-sizing: border-box;
}
html,body { height: 100%; 
margin: 0px; 
padding: 0px; 
/* background-color:#df002b;
background-color:#9954bb;
*/
background-color:#e6e0f3;

}
#wrapper {
	width:96%;
	max-width:1120px; 
	margin:auto; 
	background-color:#fff; 
	background-image:url(../images/white.jpg); 
	min-height:100% !important;	
    border-left:4px solid #df002c;
    border-right:4px solid  #df002c;
    box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.4), -12px 0 8px -4px rgba(31, 73, 125, 0.4);

    
    
}
.logo {
	width: 300px;
	float:left;
	border:none;
	margin:auto;  
	height: auto; 
	padding:6px;	
}

.logo img {
	max-width: 100%;
}

.contactHeader  {
	float:right; 
	text-align:right; 
	padding-top:18px; 
	padding-right:36px; 
	font-size:1.0em; 
	line-height:1.2em;
    font-weight:400;
    width:auto;
}
.search {
	width:120px;
	height:40px;
	padding:6px;

}
.homePanel {
	background-color:#F2E4F9;
	color:#2C2C2C;
	border:1px solid gray;	
}
h4 {
	font-weight:bolder;
}
.btn-product  {
		border-radius:6px;
		padding: 10px 24px;
		background-color:#F2EEEE;
		margin: 4px;

	}
.contactTable table tr td {
	padding:8px;
}

.HPBox {
/*	border:1px solid gray; 
*/
	border-radius:8px;
	background-color:#e6e0f3; 
	padding:14px; 
	margin:0; 
	margin-bottom:8px; 
	
	background: rgba(230,224,243,1);
background: -moz-linear-gradient(top, rgba(230,224,243,1) 0%, rgba(230,224,243,1) 30%, rgba(255,244,242,1) 80%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,224,243,1)), color-stop(30%, rgba(230,224,243,1)), color-stop(80%, rgba(255,244,242,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(230,224,243,1) 0%, rgba(230,224,243,1) 30%, rgba(255,244,242,1) 80%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(230,224,243,1) 0%, rgba(230,224,243,1) 30%, rgba(255,244,242,1) 80%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(230,224,243,1) 0%, rgba(230,224,243,1) 30%, rgba(255,244,242,1) 80%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(230,224,243,1) 0%, rgba(230,224,243,1) 30%, rgba(255,244,242,1) 80%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e0f3', endColorstr='#ffffff', GradientType=0 );	
}
.border {
	border:dotted 1px gray;	
}
.hsquare {
	width:225px;
	height:225px;
	background-image:url(images/square.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding:6px;
/*	padding-top:55px;  */
	text-align:center;

}

.productBox {
/*	border:solid 3px #DAD5F2;	*/
	border-radius:2px;
	min-height:260px;
	text-align:center;
	padding-top:20px;
	margin-top:6px;
	
	}
.productBox:hover {
    background-color:#EDECED;
    border:solid 1px #DAD4E1;	

}

.productBox img {
    max-width:100%;
}
.productBox:hover img {
    size: 115%;
}
.share {
	width:100%;
	background-color:  #F7EEEE;
	margin:auto;
	display: inline-block;
	padding: 2px 24px 2px 4px;
	text-align:center;
}

.share ul li {
	display: inline-block;
	padding:4px;
}
/* redefine nav   */
.navbar {


	background-color:#e6e0f3;
	background-color: #4640AB;

	background-image:url(images/nav/curve_gradient.jpg); 
	background-position:right bottom; 
	background-repeat:no-repeat; 
	
    background: red; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, #3b3077 , #b59aed); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #3b3077, #b59aed); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #3b3077, #b59aed); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #3b3077 , #b59aed); /* Standard syntax */



	font-size:1.2em;
/*
	border-top-left-radius:14px;
	border-bottom-right-radius:14px;
*/
    
	}

.navbar-top {
        margin-left:-30px; margin-right:-30px; border:none;

}

.navbar-side {
    margin-left:-20px;  
    border:none;
    max-width:200px;
    height:100%;

}

.navbar-nav button {
	margin: 0;
	padding:4px 2px 2px 2px;
	width:2.1em;
	height:2.1em;
	background-color:#4640AB;
	border-radius:2px;
	color:#aaa;
	}
.navbar-side .navbar-collapse ul li {
    border-bottom: 1px solid #333;
    
}
.navbar-side .navbar-collapse .dropdown-menu li {
    border-bottom: none !important;
    
}
.dropdown-menu > li > a:hover {
    background-color: #6A66AB;
    color:#fff;
}

.navbar-side .navbar-collapse .dropdown-menu li a:hover {
    border-bottom: 1px solid #333;
    
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #312677; 
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color:  #312677;
}
.navbar-default .navbar-toggle:hover {
    background-color: #312677;
}
.navbar-default .navbar-form {
    border: none;
}
.alert-sg {
	background-color: #59A1E6;	
/*
		border-bottom-right-radius:14px;
	border-bottom-left-radius:14px;
*/

}

#myCarousel2 {
	border-radius:8px;
}
/*  nav product toggle  */
#productsMaster {
	margin-top:120px auto;	
	text-align:center;
	min-width:95vw;
}

.productMaster-box {
	position: relative;
    background-color:#F5F0F0; 
    border: 1px solid #D0CAD0;
    padding: 24px 8px; 
    min-height:60px; 
    border-radius: 6px;
    vertical-align: middle;
    
}
.btn-search {
	font-size:1.1em;
	background-color:#59A1E6;	
}

.listHead {
	background-color:#4640AB; 
	color:white; 
	font-weight:bold;
	border-bottom-right-radius:10px;
	margin:10px;
}

.btn-default {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  background: #4640AB;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn-default:hover {
  background: #10b51b;
  text-decoration: none;
}

/* extra small size adjustments  */
@media (max-width: 768px) {

.contactHeader {
	float:center; 
    width:100%;
	text-align:center; 
	padding-top:12px; 
	padding-right:0; 
	line-height:1.4em;
	}	
.logo {
	width: 300px;
	float:none;
	border:none;
	margin:auto;  
	height: auto; 
	padding:6px;	
}


/*  top share icon bar   */
.share {
	width:100%;
	background-color: #F7EEEE;
	margin:auto;
	display: inline-block;
	padding: 0;
	text-align:center;
}

.search {
	width:120px;
	margin-left:10px;
	-webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;

}
.search:focus {
	width:70%;
}

.side {
    display: none;
}
.navbar-nav li {
	margin:5px 10px 2px 0;
	display:inline-block;
}
.hidden-xs {
	display:none;	
}

.productBox {
	min-height:none;
}
    
#productsMaster {
	margin-top:120px auto;	
	text-align:center;
	min-width:95vw;
}

.productMaster-box {
	position: relative;
    background-color:#F5F0F0; 
    border: 1px solid #D0CAD0;
    padding: 12px 8px; 
    min-height:30px; 
    border-radius: 2px;
    vertical-align: middle;
    
}

}

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
.side {
    display: block;
}

  .sidebar-nav   {
 	margin-top:-14px; 
	}
  .sidebar-nav  .navbar-collapse {
	padding: 0;
    max-height: none;
	max-width:200px;
  }
  .sidebar-nav  ul {
    float: none;
  }
  .sidebar-nav  ul:not {
    display: block;
  }
  .sidebar-nav  li {
    float: none;
    display: block;
  }
  .sidebar-nav  li a {
    padding-top: 12px;
    padding-bottom: 12px;
/*
	border-top-left-radius:10px; 
	border-bottom-right-radius:10px;
*/
  }
}