@import "gridb.css";
@import "font-awesome.css";
@import url(../images/prevnext.png);

html {
	width: 100%;
	 scroll-padding-top: 210px; /* height of sticky header */

}

.menu_blockgrey  {
	z-index: 985;
	width: 100%;
	/*padding: 18px 0px 1px 0px;*/
	background-color: #F0F0F0;
	text-align: left;
	/*display: block;*/
	margin-top: -2px;
}
.menu_blockdkgrey  {
	z-index: 985;
	width: 100%;
	padding: 2px 0px 0px 0px;
	background-color: #333;
	text-align: left;
	/*display: block;*/
	margin-top: -1px;
}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}

* {
	-webkit-text-size-adjust: none;
}

body {
	position: relative;
	color: #000;
	font: 1.1em 'Open Sans', sans-serif;
	line-height: 1.5;
	background-repeat: repeat;
	background-position: center 0;
	background-color: #FFF;
	margin-top: 5px;
}


#accessorials {
	float:left;
	width: 750px;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 1000px;
    padding: 0;
    overflow: hidden;
}


/* Added 07-02-2021 Jay */
#searchResults {
	display:none;
	width: 40%;
	position: relative;
	margin-top: 32px;
	border-radius: 10px;
	border: 1px solid black;
	box-shadow: 5px 10px #888888;
}

#searchResults li {
	list-style-type:none;
	margin:6px;
	padding:6px;
	/*border-bottom:1px solid black;*/
}

.searcherImage {
	width:90px;
	float:right;
}

#searchResultsTop {
	display:none;
	width: 40%;
	position: absolute;
	/*margin-top: 32px;*/
	border-radius: 10px;
	border: 1px solid black;
	box-shadow: 5px 10px #888888;
	z-index: 9000;
	background-color: white;
}

#searchResultsTop li {
	list-style-type:none;
	margin:6px;
	padding:6px;
	/*border-bottom:1px solid black;*/
}

/*Search Bar styling new 2022*/

.searchbar {
	width: 90%;
	padding-left: 60px;
	margin-top: -13px;
	display: inline-flex;
}
.searchbar__input{
	flex-grow: 1;
	padding: 10px;
	height: 40px;
	outline: none;
	border: 1px solid #333;
	border-radius: 5px 0 0 5px;
	background: #fff;
	transition: background 0.25s,box-shadow 0,25s;
}

.searchbar__input:focus {
	background: white;
	box-shadow 0 0 2px #9bb7d2;
}
.searchbar__button {
	width: 40px;
	background: #333;
	color: white;
	outline: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	user-select-none;
}
.searchbar__button:active {
	box-shadow: inset 0 0 30px rgba(0,0,0,0.25);
}
/*Search Bar styling*/

.SearchText
{
   border:solid 1px #0054A5;
   border-radius:4px; 
   padding:4px;
   padding-right:32px;
   width:180px;
   height:18px;
}

input.SearchButton
{
   border:none;
   background-color:transparent;
   margin-right:6px;
   margin-left:-32px;
   line-height:16px;
   height:16px;
   cursor:pointer;
}

input.SearchButton:before
{
   font-size:18px;
   font-family: 'MG_Icons', 'MG_Icons24';
   content: "\e72c"; /*magnifying-glass*/
   color: #0054A5;
}

/*Search Bar Styling end*/

strong {
	font-weight: 700;
	color: #000;
	text-align: left;
}

address {
	font-style: normal;
}

* ~~ to top button ~~ */


#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 1200px;
    right: 30px;
    overflow: hidden;
    width: 26px;
    height: 26px;
    border: none;
    /*text-indent: -999px;*/
    z-index: 9990;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: right 0;
}
.anchor {
	display:block;
  margin-top:300px;
  }
.hidden-anchor {
    position: absolute;
    top: 200px;
 }
p {
	text-align: left;
	padding: 5px 0px 5px 0px;
}

input {
	outline: none !important;
	/*border-radius: 2px;*/
	height: 26px;
	/*border: solid 1px #aaa;
	padding-left: 5px;
	padding-right: 25px; */
	padding-top: 1px;
	font-size: 1.1em;
	
}


img {
	max-width: 100%;
}

img3m {
	max-width: 100%;
	alignment-adjust: middle;
}
.blockgrey  {
	z-index: 985;
	width: 100%;
	padding: 18px 0px 10px 0px;
	background-color: #ECF3EC;
	text-align: left;
	
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
	position: sticky!important;
	top: 0;
	width: 100%!important;
	z-index: 985;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .main {
  /*padding-top: 102px;*/
}
/****Heads****/
.pad10 {
    padding-left: 10px;
}
.pad30 {
    padding: 30px;
}
h1.customh1 {
    margin-left: 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: #0054A6;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	margin-top: 5px;
	line-height: 1.35;
}
h2 {
	font-size: 18px;
	line-height: 1.25;
	margin-top: 5px;
	color: #0054A5;
	text-align: left;
	margin-bottom: 5px;
}
h3 {
	font-size: 18px;
	line-height: 1.25;
	margin-top: 5px;
	color: #0054A5;
	text-align: left;
}
h4 {
	font-size: 20px;
	line-height: 70px;
	color: #000000;
	margin-bottom: 0px;
}
h5 {
	font-size: 1.2em;
	line-height: 2em;
	color: #00885A;
	margin-bottom: 0px;
}
h6 {
	font-size: 18px;
	line-height: 27px;
	color: #FF0000;
	margin-bottom: 0px;
}

h3.head1 {
    padding-top: 73px;
}

.bigtext {
	color: #0054A6;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	margin-top: 5px;
	line-height: 1.35;
	
}
.bigyellowtext {
	color: #ffcc00;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	margin-top: 5px;
	line-height: 1.35;
	
}

.slogan h3 {
	padding-top: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.page1 .content h3 {
	padding-top: 10px;
	text-align: left;
	color: #0054A6;
}

.page1 .content h4 {
	padding-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	color: #000000;
}
/****Lists****/


ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 10px;
}

ul.list  {
	padding-top: 0px;
}

ul.list.l1 {
	padding-top: 0px;
}

ul.list li {

}

ul.list li a {
	position: relative;
	display: block;
	color: #FFFFFF;
	padding: 8px 8px;
	font: 300 12px/18px 'Open Sans', sans-serif;
	background-color: #0054A5;
}

ul.listside li a {
	position: relative;
	display: block;
	color: #FFFFFF;
	padding: 2px 7px 2px 7px;
	font: 300 13px/17px 'Open Sans', sans-serif;
	background-color: #0054A5;
}

ul.list li+li a {
	padding-top: 9px;
	padding-bottom: 11px;
}

ul.list li a:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 15px;
    display: block;
    right: 22px;
    top: 50%;
    margin-top: -7px;
}

ul.list li a:hover:after {
    background-position: 0 0;
}

ul.list li a:hover {
	color: #000000;
	background-color: #CCCCCC;
}

ul.listside li a:hover {
	color: #FFCC00;
	background-color: #000066;
}

ul.list  li+li {
	margin-top: 1px;
}

ul.list1 {
    margin-bottom: 4px;
    float: left;
    padding-top: 11px;
}

ul.list1 + ul.list1 {
    margin-left: 40px;
}

ul.list1  li {
    font: 16px/20px 'Open Sans', sans-serif;
}

ul.list1  li+li {
    margin-top: 12px;
}
#bulletwrappergold ul {
	list-style-type: none;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 15px;
}
#bulletwrappergold ul li {
	list-style-image: url(../images/goldbullet.jpg);
}
#bulletwrapperteal ul {
	list-style-type: none;
	padding-left: 35px;
	text-align: left;
	margin-bottom: 15px;
}
#bulletwrapperteal ul li {
	list-style-image: url(../images/tealbullet.png);
	
}
#bulletwrappergreen ul {
	list-style-type: none;
	padding-left: 20px;
	text-align: left;
	/*line-height: 1.5;*/
	margin-bottom: 15px;
}
#bulletwrappergreen ul li {
	list-style-image: url(../images/greenbullet.png);
	padding-left: 20px;
	color: #FFF;
}
#bulletwrapper ul {
	list-style-type: none;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 15px;
}
#bulletwrapper ul li {
	list-style-image: url(../images/orangebullet.png);
	text-align: left;
	
}
#bulletwrappersq ul {
	list-style-type: none;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 15px;
}
#bulletwrappersq ul li {
	list-style-image: url(../images/squarebullet.png);
}
#bulletwrappercheck ul {
	list-style-type: none;
	padding-left: 20px;
	text-align: left;
	margin-bottom: 15px;
	font-size: 22px;
	font-style: oblique;
	font-weight: bold;
	line-height: 28px;
}
#bulletwrappercheck ul li {
	list-style-image: url(../images/checkmark.png);
}

/****Links****/


a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #ffcc00;
}

a.btn {
	font: 600 13px/21px 'Open Sans', sans-serif;
	display: inline-block;
	color: #0054A5;
	margin-top: 23px;
}

a.btn:hover {
	color: #FFCC00;
}

/* symbol filter buttons */

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 15%;
  display: none; /* Hide columns by default */
  height: 450px;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the symbol library filter buttons */
.btnb {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #0054A5;
  cursor: pointer;
  color: #FFF;
  margin-top: 4px;
}

/* Add a dark yellow background color on mouse-over */
.btnb:hover {
	background-color: #FFCC00;
	color: #000;
}

/* Add a dark background color to the active button */
.btnb:active {
  background-color: #FFCC00;
   color: #000;
}





/*tabs */

.literature {
	height: auto;
	min-height: 400px;
	width: auto;
	margin-top: 20px;
	
}

.literature2 {
	height: auto;
	min-height: 400px;
	width: auto;
	margin-top: 20px;

}

.literature3 {
	height: auto;
	min-height: 600px;
	width: auto;
	margin-top: 20px;
		
}
.red {
	color: #F00;
}

/*Category Header Text */
.catheader {
	/*padding-left: 30px;
	padding-right: 30px;
*/
}

/* Popup container */

.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 5%;
	padding: 5px;
}

/* The actual popup (appears on top) */
.popup .popuptext {
	visibility: hidden;
	width: 600px;
	height: auto;
	text-align: center;
	border-radius: 6px;
	padding: 10px 10px 10px 10px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	margin:0 0 0 -50px;
	background: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
}

/* The actual popup (appears on top) */
.popup .popuptextleft {
	visibility: hidden;
	width: 600px;
	height: auto;
	text-align: center;
	border-radius: 8px;
	padding: 10px 10px 10px 10px;
	position: absolute;
	z-index: 1;
	top: 125%;
	margin:0 0 0 -100px;
	background: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
}

/* The actual popup (appears on top) */
.popup .popuptextcenter {
	visibility: hidden;
	width: 600px;
	height: auto;
	text-align: center;
	border-radius: 8px;
	padding: 10px 10px 10px 10px;
	position: absolute;
	z-index: 1;
	top: 125%;
    margin:0 0 0 -350px;
	background: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
}
/* The actual popup (appears on top) */
.popup .popuptextright {
	visibility: hidden;
	width: 600px;
	height: auto;
	text-align: center;
	border-radius: 8px;
	padding: 10px 10px 10px 10px;
	position: absolute;
    margin:0 0 0 -500px;
	z-index: 1;
	top: 125%;
	background: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 3s;
    animation: fadeIn 3s
}

/* Add animation (fade in the popup) */
 @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 3;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:3 ;}
} 

/****classes****/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}
.m1 {
	margin-top: 0px; 
}
.pad0 {

}
.padtop10 {
	padding-top: 10px;

}
.padup {
margin-top: -80px;
}

.img_inner {
	max-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 23px;
	margin-top: 5px;
}

.page1 .img_inner {
	margin-top: 0;
	margin-bottom: 0;
}


.fleft {
	float: left;
	width: auto !important;
	margin-right: 28px;
	margin-bottom: 0px;
	margin-top: 5px;

}


.oh {
	overflow: hidden;
}
.fright {
	float: right !important;
}
.upp {
	text-transform: uppercase !important;
}

.alright {
	text-align: right;
}
.center {
	text-align: center;
	padding-bottom: 5px;
}
.right {
	text-align: right;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}

.nowrap {
    white-space: nowrap;
}

.rel {
    position: relative;
}
.main {
	position: inherit;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*width: 1120px;*/
	background-color: #FFFFFF;
}

.SideBar {
	width: 160px;
	float: left;

}
.containerleft {
	width: 280px;
	float: left;

}

#bgStretch img {
    width: 100%;
    position: absolute;
    z-index: -1;
}

/*header

header {
	text-align: left;
	display: block;
}*/

.page1 header h1 {
	padding-bottom: 0;
}

header h1 {
	border-bottom: 1px solid #bdbbb8;
	position: relative;
	padding-top: 0px;
	padding-bottom: 46px;
	text-align: center;

}



header h1 a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	font-size: 0;
	line-height: 0;
	text-indent: 0px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

header h1 a img {
	display: block;
}

#bgStretch img {
    max-width: 10000px;
}

.timesfonth1 {
	font: 1.5em 'Palatino', serif;
	line-height: 1.5;
	font-weight: 700;
	padding-top: 10px;
}
.timesfont {
	font: 1em 'Palatino', serif;
	line-height: 1.5;
}
.keywords {
	font: .9em 'Palatino', serif;
	line-height: 1.25;
	margin-top: 5px;
}
.padleft10 {
	padding-left: 10%;
}
.rotate90 {
  writing-mode: vertical-lr;
  rotate: z -180deg;
}
.solid {
	border-style: solid;
	border-width:thin;
	border-color: grey;
}
.ban1 {
	padding-top: 0px;
	margin-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	display: block;
	color: #000;
	font: 300 20px/28px 'Open Sans', sans-serif;
	padding-left: 0px;
}

.ban1  span {
	margin-bottom: 5px;
	display: block;
	position: relative;
	font: bold 18px/24px 'Open Sans', sans-serif;
	margin-top: 0px;
	text-align: left;
	margin-right: 25px;
}

.ban2 {
	text-align: center;
	color: #000;
	margin-top: 0px;
	padding: 24px 0px 24px 0px;
	background: url(../images/shug_bg1.png) 0 0 repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	text-transform: uppercase;
	font: bold 20px/28px 'Open Sans', sans-serif;
}

.ban2  a {
	display: inline-block;
	text-transform: none;
	font-size: 13px;
	line-height: 20px;
	color: #000000;
	background-color: #FFF;
	border-radius: 5px;
	margin-top: 19px;
	padding: 10px 20px 12px;
}

.ban2 a:hover {
	background-color: #000000;
	color: #FC0;
}

.ban3 {
	padding: 24px 24px 24px 24px;
	background: url(../images/slidebackground.jpg) 0 0 repeat;
}

.slogan {
	padding-top: 10px;
	padding-bottom: 10px;
}

.slogan img {
	float: inherit;
	margin-right: 0px;
}

.text1 {
	text-transform: uppercase;
	color: #0054A6;
	margin-bottom: 0px;
	font: .8em 'Open Sans', sans-serif;
}
.text1blue {
	color: #0054A6;
	margin-bottom: 0px;
	font: .8em 'Open Sans', sans-serif;
	text-align: center;
}
.textobjective {
	color: #005;
	margin-bottom: 0px;
	text-align: left;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
}
.textobjectiveblue {
	color: #0054A6;
	margin-bottom: 0px;
	font: 1.2em 'Open Sans', sans-serif;
	text-align: left;
	font-weight:600;
}
.textobjectivepara {
	color: #005;
	margin-bottom: 0px;
	text-align: left;
	font-weight: 500;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
}
.textobjectivered {
	color: #F00;
	margin-bottom: 0px;
	font: 1em 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 400;
	font-style: italic;
}
.textwhiteslide {
	color: #FFF;
	margin-left: 0px;
	font: 1.5em 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 600;
}

/**Content**/
/* ~~ Main content ~~ */
.content {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-left:35px;
	margin-right:35px;
	margin-top: 20px;
	margin-bottom: 20px;
	/*width: 78%;
	max-width: 750px;
	float: right;*/
}
.box {

}
.boxwhite {
padding:10px;
}

.boxlightpink {
	padding: 10px;
	background-color: #FFDBFF;
}

.boxpink {
	border: 1px solid #ccc;
	background-color:#F9C
}
.boxcream {
	padding: 0px;
	background-color: #FFC;
}

.boxpaleyellow {
	padding: 20px 20px 20px 20px;
	background-color: #fffac2;
}
.boxseasalt {
	padding: 20px 0px 20px 0px;
	background-color: #E0F2F1;
}

.boxgrey {
	padding: 10px;
	background-color: #F1F1F1;
}

.boxgrey2 {
	background-color: #F1F1F1;
	height: 260px;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
}

.circle {
  /* (A) SAME WIDTH & HEIGHT - SQUARE */
  width: 200px;
  height: 200px;
  float: left;
  min-height: 1px;
  margin-left: 20px;
 
  /* (B) 50% RADIUS = CIRCLE */
  border-radius: 50%;
 
  /* (C) BACKGROUND COLOR */
  background: #bcd6ff;
 
}

/* (A) PERCENTAGE WIDTH & 50% BORDER RADIUS */
.res-circle {
	width: 100%;
	border-radius: 50%;
	/*background: #bcd6ff;
	 TO POSITION TEXT BLOCK PROPERLY */
	
	position: relative;

}
.bgred {
	background-color: #C00;
}
.bggreen {
	background-color: #363;
}
 
/* (B) USE ::AFTER TO CREATE MATCHING HEIGHT */
/* Credits - https://spin.atomicobject.com/2015/07/14/css-responsive-square/ */
.res-circle::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
 
/* (E) TEXT BLOCK */
.circle-txt {
  /* (E1) CENTER TEXT IN CIRCLE */
  position: absolute;
  bottom: 50%;
  width: 100%;
  text-align: center;
  	color: #FFF;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	margin: 5%;
	line-height: 1.5;
}

a.gal {
	margin-bottom: 0px;
	display: block;
	background: url(../images/magnify.png) center center no-repeat;
}

a.gal img {
	width: auto;
	box-shadow: 0 0 #fff;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a.gal:hover img {
	opacity: 0.2;
}

.page1 .box img {
    width: 100%;
}

.page1 .box {
	text-align: center;
}

.page1 .box .text1 {
	text-transform: uppercase;
	font-style: normal;
	display: block;
	text-align: center;
	font-weight: bold;
}

.text2 {
	color: #0054A6;
	padding-top: 5px;
	margin-bottom: 5px;
	font: bold 20px/30px 'Open Sans', sans-serif;
	text-align: left;
}

a.btn.bt1 {
	margin-top: 0px;
	alignment-baseline: baseline;
}

.bord {
	border-bottom: 1px solid #bdbbb8;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.bordwhite {
	border-bottom: 1px solid #FFF;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.gallery .text1 {
	font-style: normal;
	margin-bottom: 0;
	font-weight: normal;
	text-transform: none;
	font-weight: 600;
	padding-bottom: 4px;
	padding-top: 4px;

}

.text3 {
	margin-bottom: 5px;
	font: 600 16px/20px 'Open Sans', sans-serif;
	text-align: left;
	margin-top: 5px;
}

.text3blue {
	margin-bottom: 5px;
	font: 600 16px/20px 'Open Sans', sans-serif;
	text-align: left;
	margin-top: 5px;
	color: #0054A5;
}
.text3burgandy {
	margin-bottom: 5px;
	font: 600 16px/20px 'Open Sans', sans-serif;
	text-align: left;
	margin-top: 5px;
	color: #b01d21;
}
.text3white {
	margin-bottom: 5px;
	font: 600 16px/20px 'Open Sans', sans-serif;
	text-align: center;
	margin-top: 5px;
	color: #FFFFFF;
}
.text3yellow {
	margin-bottom: 5px;
	font: 600 16px/20px 'Open Sans', sans-serif;
	text-align: center;
	margin-top: 5px;
	color: #ffcc00;
}

.text4 {
	color: #0054A6;
	padding-top: 5px 0px 5px 0px;
	margin-bottom: 0px;
	/*font: 300 14px/20px 'Open Sans', sans-serif;*/
	padding-bottom: 10px;
	text-align: center;
}
.text4G {
	color: #02875A;
	padding-top: 5px 0px 5px 0px;
	margin-bottom: 0px;
	font-weight: 600;
	padding-bottom: 10px;
	text-align: center;
}
.text4black {
	color: #000;
	padding-top: 10px;
	margin-bottom: 0px;
	font: 1em 'Open Sans', sans-serif;
	padding-bottom: 0px;
	text-align: center;
}
.text4white {
	color: #FFF;
	padding-top: 10px;
	margin-bottom: 0px;
	font: 300 14px/20px 'Open Sans', sans-serif;
	padding-bottom: 0px;
	text-align: center;
}

.text5 {
	color: #FFF;
	margin-bottom: 0px;
	font: inherit 'Open Sans', sans-serif;
	text-align: center;
	margin-top: 10px;
}
.text5L {
	color: #FFF;
	margin-bottom: 0px;
	font-family:'Open Sans', sans-serif;
	font-size: 1.1em;
    line-height: 2;
	text-align: left;
	margin-top: 10px;
}
.text6 {
	margin-bottom: 0;
	text-transform: none;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #000;
	font-style: oblique;
	text-align: center;
}
.text7 {
	margin-bottom: 0;
	text-transform: none;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #FFF;
	font-style: normal;
	text-align: center;
}
.gallery .text6 {
	margin-bottom: 0;
	text-transform: none;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #000;
	font-style: italic;
	text-align: center;

}

.gallery .clear {
    height: 20px;
}

.box_bot {
	padding: 5px;
	text-align: center;
}
.box_botcream {
	padding: 5px 5px 5px 5px;
	background-color: #FFC;
}
.cream {
	padding: 5px 5px 5px 5px;
	background-color: #FFC;
}
mark {
 background-color:yellow;
 padding:0.1em 0.2em;
}
.border-highlight{
  border:2px dashed red;  
  padding:0.03em 0.25em;
}
.box_botltblue {
	padding: 20px;
	background-color: #CDE7E7;
	}
.box_botgreen {
	padding: 10px 10px 10px 10px;
	background-color: #00865A;
}
.box_blue {
	padding: 5px 5px 5px 5px;
	background-color: #0054A6;
}
.box_botpink {
	padding: 10px 10px 5px 18px;
	background-color: #F9C;
}

.logos img {
    padding-top: 1px;
    margin-bottom: 25px;
}

.logos .clear {
    height: 34px;
}

.pad1 {
	padding: 0 28px 10px 0;
}

.links .text1 {
    margin-bottom: 13px;
}

.links p+.text1 {
    padding-top: 12px;
}

.prv .text1{
    margin-bottom: 13px;
}

.prv p + .text1 {
    padding-top: 12px;
}

/**Map**/

.col1 {
	color: #000000;
}

.col1 a:hover, a.col1:hover {
	color: #FFCC00;
}

.col2 {
	color: #0054A6;
}

.map {
    overflow: hidden;
    position: relative;
    padding-top: 1px;
}
 

.map figure {
    position: relative;
	display: block;
    width: 100%;
    margin-bottom: 24px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.map figure iframe {
	width: 100%;
	height: 328px;
	max-width: 100%;
}
.map address {
	display: block;
}

.map address dt {
    margin-bottom: 15px;
}

.link-1{
	color: #FF6600;
	font-weight: bold;
}

a.link-1:hover {
    color: #202020;
}



.map address+address {
    margin-top: 22px;
}

 address dd span {
	min-width: 96px;
	display: inline-block;
	text-align: left;
}

.map address dd span.col1 {
	min-width: 0;
}


/**Footer**/
footer {
	display: block;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	background-color: #0054A5;

}

.f_top {
	width: 100%;
	padding-bottom: 0px;
	padding-top: 7px;
	background-color: #0054A5;
	clear: both;
}

.f_topgreen {
	width: 100%;
	padding-bottom: 0px;
	padding-top: 7px;
	background-color: #02875A;
	clear: both;
}

.page1 .f_top {
	padding-top: 7px;
	margin-top: 20px;
}

.socials {
	overflow: hidden;
	padding-top: 36px;
	text-align: center;
}

.socials a {
	display: block;
	width: 31px;
	height: 31px;
	float: left;
}

.socials a:hover {
    opacity: 0.5;
}

.socials a+a {
    background-position: -41px 0;
    margin-left: 10px;
}

.socials a+a+a {
    background-position: -82px 0;
}

.socials a+a+a+a {
    background-position: right 0;
}

a.top {
    font-size: 30px;
    line-height: 30px;
    float: right;
     position: absolute;
    bottom: 17px;
    right: 26px;
}

footer address {
	padding-left: 29px;
	padding-top: 40px;
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	background-image: url(../images/home_icon.png);
	background-repeat: no-repeat;
	background-position: 0 44px;
}

a.mail {
	display: inline-block;
	margin-top: 0px;
	padding-top: 25px;
	font-size: 15px;
	line-height: 20px;
	font-style: normal;
}
a.phone {
	display: inline-block;
	margin-top: 0px;
	padding-top: 25px;
	font-size: 15px;
	line-height: 20px;
	font-style: normal;
}

.copy {
    font-size: 12px;
    line-height: 18px;
    float: left;
    padding: 23px 0;
}

.copy a {
	position: relative;
	display: inline-block;
	margin-left: 16px;
	width: 30px;
}

.copy a:after {
    height: 19px;
    width: 1px;
    background-color: #c8b7a1;
    content: '';
    position: absolute;
    left: -10px;
    top: 1px;
}
/* ~~ to top button ~~ */


#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 1200px;
    right: 30px;
    overflow: hidden;
    width: 26px;
    height: 26px;
    border: none;
    /*text-indent: -999px;*/
    z-index: 9990;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: right 0;
}



/* ~~ Left content ~~ */
.sidebar1 {
	display:none;
	/*float: left;
	width: 173px;
	width: 20%;
	margin-left: 0px;
	margin-bottom: 30px;
	text-align: left;
	margin-right: 0px;
	margin-top: 10px;*/
}
.cat {
	clear: both;
	/*width: 165px;*/
	padding-top: 0px;
	padding-left: 0px;
	clear: none;
}
.cattop {
	/*width: 163px;*/
	padding-left: 10px;
	padding-top: 10px;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	background-repeat: repeat-y;
	background-color: #0054A5;
}
.cattop2 {
	/*width: 163px;*/
	padding-left: 10px;
	padding-top: 10px;
	height: 21px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	text-indent: 40px;
	background-color: #0054A5;
}
.cat ul {
	padding: 0;
	margin: 0;
}
.cat li {
	display: block;
	/*width: 165px;*/
	padding-left: 4px;
	padding-top: 7px;
	height: auto;
	color: #333;
	font-size: 0.7em;
	font-weight: bold;
	background-color: #F0F0F0;
	border-bottom: 1px solid #D7D1C9;
	border-right: 1px solid #D7D1C9;
	border-left: 1px solid #D7D1C9;
}
.cat li a {
	display: block; 
	text-decoration: none;
	color: #333;
}
.cat li a:hover {
	color: #0054A5;
	background: #F1EEE5;
}

/*Minicart properties*/
table.mincart {
	/*width: 250px;*/
	width: 100%;
	/*background-color: #ECF3EC;*/
	color: #575d69;
}

td.mincart{
  	font-size: 1em;

	
}
tr.mcrowtotquant{
	color: #575d69;
	border-bottom: 1px solid #C5C5C5;
}
.minicartcnt{
	padding: 0px 10px 0px 10px;
	color: #575d69;
	border-bottom: 1px solid #C5C5C5;
}

/* ~~ Home page products ~~ */
.ProductCover {
	clear: both;
	margin-left:0px;
}

.productbox {
	border: 1px solid #D7D1C9;
	float: left;
	width: 160px;
	margin: 0px 5px 7px;
	height: 225px;
}
.productpic {
	clear: both;
	width: 134px;
	padding-left: 15px;
	padding-top: 10px;
	height: 134px;
}
.productpic img {
	width: 134px;
	height: 134px;
}
.ProductName {
	text-align: center;
	padding-top: 5px;
	color: #0054A6;
	font-weight: normal;
	font: 14px/16px 'Open Sans', sans-serif;
}
.hmprice {
	float: left;
	clear: both;
	width: 50px;
	text-align: left;
	padding-top: 10px;
	padding-left: 6px;
	color: #E2202B;
	font-weight: bold;
}

.pr7 {
	padding-right: 10px;
}


/* ~~ The footer styles ~~ */
.footer {
	padding: 20px;
	background: #0054A6;
	position: relative;
	clear: both;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.footerbottom {
	padding: 0px;
	background: #000;
	position: relative;
	clear: both;
	height: 50px;
	padding-bottom: 5px;
	margin-top: -10px;
	margin-bottom: -20px
}
.foo2{
	float: left;
	width: 30%;
	padding: 6px;
	/*border-right: 1px dotted #FFF;*/
	color: #FFF;
	padding: 10px 10px 10px 10px;
	line-height: 2.5em;
	font-size: 1em;
	/*margin-left: 65px;*/
	text-align: left;
}

.foo3{
	color: #FFF;
	float: left;
	width: 30%;
	padding: 10px 10px 10px 10px;
	line-height: 2.5em;
	font-size: 1em;
	/*margin-left: 65px;*/
	text-align: left;
	/*border-right: 1px dotted #FFF;*/
}

div.foo1{
	float: left;
	width: 30%;
	padding: 10px 10px 10px 10px;
	/*border-right: 1px dotted #FFF;*/
	font-size: 1em;
	margin-left: 65px;
	line-height: 2.5em;
	color: #FFF;
	text-align: left;
}

div.fb{
	float:left;
	width:230px;
	font-size:0.8em;
	line-height:1.9em;
    padding-left:4px;
}

p.foothead{
	font-weight: bold;
	text-align: left;
	/*border-bottom: solid 1px #FFF;
	margin: 0px 60px 10px 0px;*/
	color: #FFFFFF;
	line-height: 30px;
	font-size: 1.2em;
}

div.btmlftlogo{
	float: left;
	margin-left: 20px;
	margin-top: -2px;
	padding-bottom: 5px;
	display: flex;
}

div.btmlft{
	float: left;
	width: 350px;
	font-size: 1em;
	padding-bottom: 6px;
	padding-top: 0px;
	padding-left: 0px;
}
div.btmlftb{
	float: left;
	display: flex;
	font-size: 1em;
	/*padding-bottom: 16px;*/
	padding-top: 0px;
	color: #575d69;
}
div.btmlftc{
	float: left;
	width: 230px;
	font-size: .8em;
	padding-bottom: 6px;
	padding-top: 0px;
	padding-left: 10px;
}

div.btmrght{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
	padding-right: 20px;
}
div.btmrghtlogin{
	float: right;
	margin-right: 40px;
	margin-top: 0px;
	display: flex;
}
div.ctrrghtlogin{
	float: right;
	margin-right: 40px;
	margin-top: -2px;
	display: flex;
	font-size:1.2em;
}
.social {
	padding-top: 10px;
}
.social img {
	float: left;
	width: auto;
	margin: 3px 5px 0px 10px;
}
/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/*Shopping cart*/
table.cobtbl{
	background-color: #D7D1C9;
	border-bottom:1px solid #D7D1C9;
} 

td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}

td.cobhdr{
	background-color:#EFECE0;
	font-size:1.1em;
	color:#333;
	text-transform:uppercase;
border-bottom:1px solid #960912;
}

div.tofreeshipping{
color:#94000E !important;
}

td.cobll input,  textarea, select{
border: 1px solid #999;
  border-radius:2px;
padding:4px;
}

.cartdiscounts, .cartdiscountsamnt{
color:#94000E !important;
}


td.cobll input[type="image"]{
border:none;
}

td.cobll input[type="radio"]{
border:none;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

div.logintoaccount{
	text-align:left !important;
}

span.willpickup{
font-size:1.1em !important;
}

/*Thanks page*/
td.receiptoption{font-size:0.9em;}
td.receiptoption strong{font-weight:500;}
td.receipthl strong{font-weight:500;}
td.receiptheading{background:#F6F6F6;font-size:1.1em;color: #333;font-weight:normal !important;border-bottom: 1px solid #930209;border-top: 1px solid #930209;}
td.receiptheading strong{font-weight:500;}
hr.receipthr{display:none;}

/* The category page 
-------------------------------------*/
div.category{
	width: 17.5%;
	float: left;
	line-height: 1.5;
	font-size: 1em;
	/*padding: 10px;*/
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	/*border:1px solid #ccc;
	*/
	background-color: #FFFFFF;
	margin: 0px 0px 22px 24px;
	height: 375px;
}

div.categorymessage{
	display:none; /* Removes the text "Please click on a category to view products. */
}
/*
div.category:hover{
	background-color:#fff;
	border: 1px solid #0054A5;
	box-shadow: 5px 5px 2px #ccc;
}*/

div.catnavigation{
	padding: 0px 0px 10px 10px;
	clear: inline-start;
	
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	/*width:135px;*/
	width:100%;
	max-width: 230px;
	display: block;
    margin-left: auto;
    margin-right: auto;
/*	float:left;*/
	padding:0px 0px 10px 0px;
}


div.catdesc{
	padding:0px 0px 4px 4px;
}

div.catname{
	color: #0054A6;
	padding-top: 0px;
	margin-bottom: 0px;
	line-height:1.3em;
  	font-size:1em;
	text-align: center;
	padding-left: 2px;
	padding-right: 5%;
	padding-bottom: 1px;
}

.catdiscounts, .allcatdiscounts{
	padding-left:10px;
	font-weight:normal;
	color:#910003;
	font-size:0.9em;
}



p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	width:98%;
	margin-left:20px;
	padding-left: 10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
	margin-bottom:20px;
}

div.filtertext{
 	padding:8px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	width:17.5%;
	float:left;
	line-height:1.5;
  	font-size:1em;
    padding:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	/*border:1px solid #ccc;
	*/
	background-color:#fff;
	margin:0px 0px 16px 22px;
	height:390px;
}

div.prodnavigation{
	padding: 10px 10px 10px 20px;
	float: left;
	width: 100%;
	font-size: 1em;
	background-color: #F0F0F0;
	border-bottom: 1px solid #0054A5;
}

div.prodimage{
	text-align: center;	
}
.prodimage.allprodimages {
   /* max-width: 250px;*/
	width: 100%
} 

div.prodimage:hover{

}


div.prodname{
	padding-top: 6px;
	font-size: .9em;
	text-align: center;
	padding-bottom: 12px;
	color:#0054A5;
}


div.prodprice{
	font-size: 1em;
	float:left;
	width:98%;
	margin-top:6px;
	margin-bottom:18px;
}

div.prodcurrency{
	float:left;
	width:98%;
	font-size: 0.8em;
	color:#666;
        text-align:left;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:20px 0px 0px 0px;
}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:100%;
margin-bottom:6px;
padding: 10px 10px 10px 20px;
}

div.detailimage{
	width: 30%;
	padding: 10px 20px 100px 0px;
	margin-left: 20px;
	float: left;
} 

.detailimage.allprodimages {
    min-width: 400px;
}
div.detailid {
	color:#666;
	width:62%;
	font-size: 1em;
	float:left;
}

.detailname {
	font-size: 1.2em;
	padding: 6px;
	float: left;
	/*width: 62%;*/
	width: 60%;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 12px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #0054A6;
}

span.detaildiscountsapply{
	margin-left:26px;
        color:#910003;
}

div.detaildiscounts{
	width:60%;
	color:#910003;
	float:left;
	margin-left:17px;
}

div.detailmanufacturer{
	float: left;
    width: 61%;
    margin: 0px;
    padding: 8px;
    color: #fff;
    font-weight: bold;
    background-color: #00885a;
}

div.detailsku{
	float: left;
	width: 61%;
	margin: 10px;
	color: #000;
	font-weight:700;
}

div.detailinstock{
	float:right;
	width:61%;
}

div.detaildescription{
	font-size: 1em;
	margin:20px;
	padding-top:4px;
	line-height:1.6;
	float:left;
	width:98%;
}

div.detailshortdescription{
	font-size: 0.9em;
	padding-top:4px;
	line-height:1.8em;
	float:left;
	width:60%;
	max-width: 1000px;
	padding-left: 10px;
	clear: right;
}

div.detailprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	margin-right: 35px; 
	clear:right;
	/*width: 62%;*/
	width: 60%;
	color:#333;
	margin-left:10px;
	margin-top: 10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:60%;
	padding-top:6px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 1em;
	float:left;
	width:60%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailminquant{
	float: left;
	text-align: center;
	width: 60%;
	color: red;
	padding-bottom: 10px
}
div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float: left;
	/*width: 62%;*/
	width: 60%;
	margin-left:20px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:70%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
	float:left;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
        padding:2px;
		float:left;
}


div.detailoptiontext{
	/*width:70%;*/
	width:90%;
    float:left;
	
}

div.detailmultioptiontext{
	padding: 6px;
	width:70%;
    float:left;
}

div.custom1{
	float: none;
	margin-top: 10px;
	width: 90%;
	font-size: 0.9em;
}
div.checkoutbutton detailcheckoutbutton{
	float:right;
}
.checkoutbutton.detailcheckoutbutton {
    float: left;
}
.addtocart.detailaddtocart {
    float: left;
}
img.buybutton.detailbuybutton {
    float: left;
}
.previousnext{
	padding-top: 10px;
	padding-bottom: 6px;
	float: right;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	
}

/*div.emailfriend{
	border-top:1px solid #ccc;
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
}*/
input.askaquestion{
	background: #ed1b24;
	color: #fff;
	height: 28px;
	margin-top:4.5px;
	font-size: .7em;
	font-weight:600;
	cursor: pointer;
	padding:2px 15px 0px 15px;
	border-radius: 5px;
	border-color: white;
 }
 input.emailfriend{
	background: #00885a;
	color: #fff;
	height: 28px;
	margin-top:4.5px;
	font-size: .7em;
	font-weight:600;
	cursor: pointer;
	padding: 2px 15px 0px 15px;
	border-radius: 5px;
	border-color: white;
 }
 /*div.socialmediabuttons{
	 margin:5px; 
	 width:94%; 
	 float:left; 
	 display:flex; 
	 justify-content:center; 
	 align-items:center; 
	 flex-wrap:wrap}
div.socialmediabutton{
	padding:4px;}*/

div.socialmediabuttons{
	margin: 4px 8px 20px;
	background-color: #FFF;
	width: 94%;
	float: left;
	padding: 4px;
	/*height: 36px;*/
}
div.socialmediabutton{
	float: left;
	display: inline-block;
	padding: 6px;
	}
 div.socialaskaquestion{
	 margin-top:5px;
	 }
div.socialemailfriend{
	 margin-top:5px;
	 }
 div.sociallinkedin{
	 margin-top:14px;
	 
	 }
 div.socialfacebook{
	 margin-top:4px
	 }
 div.socialtwitter{
	 margin-top:15px
	 }
 div.socialgoogle{
	 margin-top:6px
	 }

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}


div.detailquantity{
	float: left;
	width: 30%;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: -8px;
	font-weight: bold;
}



div.detailquantitytext{
	margin-top:18px;
	float:left;
	/*width:47%;*/
	text-align:right;
	margin-right:4px;
}

div.detailquantityinput{
	margin-top: 16px;
	float: right;
	width: 48%;
	text-align: left;
	padding: 0px;
	height: 65px;
	
}
div.prodminquantity{
	width:98%;
	float:left;
}

div.detailminquantity{
	width:98%;
	float:right;
}

#w0quant{
	margin-top: 15px;
	height: 30px;
	width: 50px;
	border: 1px solid #ccc;
}

/*div.detailaddtocart,.detailoutofstock{
	float: left;
	width: 20%;
	margin-left:60px;
	
}

div.checkoutbutton,.detailcheckoutbutton{
	float: left;
	width: 20%;
	margin-left:60px;
	
}*/

input.checkoutbutton.checkoutbutton1 {
    width: 200px;
    height: auto;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.review{
	float:left;
	margin-left: 20px;
	width:100%;
	font-size:1em;
}

p.cstitle {
	margin-left: 20px;
}
hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

/* ~~ Horizontal rule ~~*/
HR {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #60a1de;
}

/* ~~ Store buttons ~~*/
input.login, input.sccheckout, input.logintoaccount, input.search	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #555;
	background: #D7D1C9;
	border: 1px solid #999;
	border-radius: 4px;
	cursor: pointer;
}

input.login:hover, input.sccheckout:hover, input.logintoaccount:hover, input.search:hover{
	background:#fff;
	color:#666;
}
.formquote {
	height: 800px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1130px) {
    .main {
	width: 95%;
	margin-left: 5px;
	margin-right: 5px;
	position: center 0;
	top: 0px;
    }

	 .body {
 max-width: 768px;
}
.content {
	width: auto;
	padding-bottom: 20px;
	text-align: center;
}

}

@media only screen and (max-width: 995px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){

.hide{
	display: none;
}
 .body {
 min-width: 768px;
}
.content {
	width: 100%;

}
.sidebar1 {
	display:none;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 400px;
    right: 30px;
    overflow: hidden;
    width: 26px;
    height: 26px;
    border: none;
    /*text-indent: -999px;*/
    z-index: 9990;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: right 0;
}

footer address br {
    display: none;
}

ul.list li a {
	font-size: 16px;
}

address dd span {
    min-width: 80px;
}

.ban1 {
	background-position: 0;
}


 .map address+address {
    float: left;
 }
 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}


.map figure {
	margin-bottom: 15px;
}

.nowrap {
    white-space: normal;
}

ul.list1 {
    margin-bottom: 0;
    float: none;
}


ul.list1 +ul.list1  {
    margin-left: 0;
    padding-top: 12px;
}

.f_top .fright {
    float: left !important;
}

}

@media only screen and (max-width: 768px) {
 .body {
 min-width: 480px;
}

.cartlistdiv {
	width: 300px;
	display: none;
}

.content {
	float: none;
	width: 100%;
	background-color: #FFF;
}
/*hide element on tablets*/
.hide{
	display: none;
}
div.btmlftlogo,
div.btmlftb{
	display: none;
}

/* The category page 
-------------------------------------*/
div.product,
div.category{
	/*width:18%;
	width:40%;*/
	width:26%;
	float:left;
	line-height:1.5;
  	font-size:.9em;
    padding:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	/*border:1px solid #ccc;
	*/
	background-color:#fff;
	margin:0px 0px 8px 8px;
	height:270px;
}
div.prodimage,
div.catimage{
	/*width:135px;*/
	width: auto;
	margin:auto;
	/*float:left;*/
	padding:10px 0px 10px 0px;
}

#box1 {
	display:none;
}

table {
	width: 300px;
	font-size: 0.9em;
}
/* Popup container */

  .popuprow {
	display: none;
}

/* ~~ Left content ~~ */
.sidebar1 {
	display: none;
}

.pad1 {
    padding: 0;
}


.ban1 {
    background-position: -150px bottom;
}

.slogan img {
    float: none;
    margin-right: 0;
}

.fright {
    float: none !important;
}

.map address {
    float: none;
    margin-left: 0 !important;
 }

 .box {
    margin-bottom: 30px;
 }

.map address +address {
    margin-top: 30px;
}


header h1 {
	display: block;
	width: auto;
    margin-left: 0;
    position: relative;
	height: auto;
}

.img_inner {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}

h1 a {
	max-width: 90%;
}


.img_inner img {
	width: 100%;
}


 header h1 {
 margin-bottom: 20px;
 float: none;
 left: 0;
 text-align: center;
}
 header h1 a {
 	width: auto;
 	display: inline-block;
 height: auto;
}
 header h1 a img {
}

 .map {
 	padding-right: 0px !important;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 	margin-right: 0;
}


 .content .noresize {
	width: auto !important;
	float: left !important;
	margin-right: 20px !important;
	margin-top: 4px !important;
}

 .img_inner {
 margin-top: 30px;
}

.none {
    clear: both;
}

.gallery .clear {
    height: 0;
}

.gallery .box {
    margin-bottom: 20px;
}

.logos .clear {
    height: 0;
}

.logos img {
    padding-top: 25px;
    width: 100%;
}

div.detailimage {
    margin-left: 20px;
}
.detailimage.allprodimages {
    min-width: 250px;
}
.hide{
	display: none;
}

}


@media only screen and (max-width: 479px) {
 .body {
 min-width: 300px;
}

.content {
	float:left;
	width: 90%;
}
div.detailimage {
    width: 100%;
	padding: 10px 20px 10px 0px;
	margin-left: 50px;
}
.detailimage.allprodimages {
    min-width: 250px;
}

.detailname {
    width: 90%;	    
}
div.detailprice {
    width: 94%;
}
div.detailoptions{
	padding: 6px;
	float: right;
	width: 95%;
	margin-left:20px;
}
select.detailprodoption {
    font-size: 0.9em;
    width: 90%;
    margin: 7px;
    border: 1px solid #ccc;
    padding: 2px;
    float: left;
}
div.detailquantity{
	margin-left: 30px;
}
div.detaildescription {
    width: 98%;
}
.cartlistdiv {
	width: 300px;
	display: none;
}

#accessorials {
	width: 300px;
}

.box1 {
	display:none;
}

#didyouknowtable {
	/*
	display:none;
	*/
}

table {
	width: 300px;
	font-size: .9em;
	padding-bottom: 8px;
    margin-right: 30px;
}

.boxgrey2 {
	display: none;
}
.popupbox2 {
	display: none;
}
/*Minicart properties*/
div.btmrghtlogin{
	margin-right: 0px;
	width:100%;
}
table.mincart {
	width: 100%;
	background-color: #ECF3EC;
}

/* The category page 
-------------------------------------*/
div.product,
div.category{
	/*width:18%;
	width:40%;*/
	width:95%;
	float:left;
	line-height:1.5;
  	font-size:.9em;
    padding:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	/*border:1px solid #ccc;
	*/
	background-color:#fefefe;
	margin:0px 0px 10px 12px;
	height:310px;
}
div.prodimage,
div.catimage{
	/*width:135px;*/
	width:100%;
	max-width:250px;
	margin:auto;
	/*float:left;*/
	padding:0px 0px 10px 0px;
}
/* footer */
.foo2{
	float: left;
	width: 100%;
	padding: 6px;
	color: #FFF;
	padding: 10px 10px 10px 10px;
	line-height: 2.5em;
	font-size: 1em;
	margin-left: 0px;
	text-align: left;
}

.foo3{
	color: #FFF;
	float: left;
	width: 100%;
	padding: 10px 10px 10px 10px;
	line-height: 2.5em;
	font-size: 1em;
	margin-left: 0px;
	text-align: left;
}

div.foo1{
	float: left;
	width: 100%;
	padding: 10px 10px 10px 10px;
	font-size: 1em;
	margin-left: 0px;
	line-height: 2.5em;
	color: #FFF;
	text-align: left;
}
/* hide element on mobile*/

.hide{
	display: none;
}
/* Popup container */
div.btmlftlogo{
	display: none;
}
.popuprow {
	display: none;
}
.popup {
	display: none;
}
/* ~~ Left content ~~ */
.sidebar1 {
	display: none;
}
div.detailprodnavigation{
	display: none;
}

.ban1  {
    padding: 30px 10px;
}

.ban1 {
    line-height: 30px;
}

.ban1 span {
    font-size: 40px;
    line-height: 70px;
}



.wrp  {
    overflow: visible;
}

.box .count {
    margin-left: -7px;
}


bulletlistwrapper ul {
	list-style-type: none;
}

bulletlistwrapper ul li {
	list-style-image: url(../images/orangebullet.png);
	text-indent: inherit;
	text-align: left;
}
.box_bot h3 left {
}

.box_bot h4 left {
}
.green {
	color: #096;
}

.cartlistdiv {
	display:none;
}

.cartlistcontents {
	display:block;
}