@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&display=swap');
body {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	color:#000000;
	font-size:14px;
	line-height:21px;
}
h1, h2, h3, h4, h5, h6 {color:#333333;}
/* default font size */
.fa {font-size:14px;}
/* Override the bootstrap defaults */
h1 {margin-top:0px;font-size:33px;}
h2 {font-size:27px;}
h3 {font-size:21px;}
h4 {font-size:15px;}
h5 {font-size:12px;}
h6 {font-size:10.2px;}
a {color:#004990;text-decoration:none;outline: none;}
a:focus{outline:0px;}
a:hover {color:#CCDBE9;}
a:focus {outline:none;}
.forceClear{clear:both;}
.text-danger{color:#FF0000 !important;}
.has-error .form-control{border-color:#DD2200;}
.nothing{margin:0px;padding:0px;clear:both;}
.smaller{font-size:80% !important;}
legend {font-size:18px;padding:7px 0px}
label {font-size:12px;font-weight:normal;}
.shuffleDown{padding-top:7px;}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size:12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size:12px;
}
.input-group .input-group-addon {
	font-size:12px;
	height:30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display:inline;
}

.nav-tabs {
	margin-bottom:15px;
}
div.required .control-label:before {
	content:'* ';
	color:#F00;
	font-weight:bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color:#229ac8;
	background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat:repeat-x;
}

#shell{max-width:1920px;margin:0 auto;}
#innershell {background:url(../image/design/bottom.jpg) no-repeat 53.4% 100%;}
header {position:relative;margin:0 0 5px 0;}
#blue{position:absolute;bottom:0px;left:0px;width:calc(100% - 32%);max-width:1289px;height:34px;background:#004990;z-index:1;}
#red{position:absolute;bottom:0px;right:0px;width:calc(100% - 79.65%);max-width:460px;height:34px;border-left:5px solid #FFFFFF;background:#E51937;z-index:1;}
#column-left{width:23%;margin:0 8px 0 15px;padding:0px;background:#CCDBE9;}

/* Important Notices */
.noticeHolder{width:100%;z-index:512}
.noticeHolder .notice{width:100%;padding:20px;text-align:center}
.noticeHolder .notice .container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;}
.noticeHolder .notice h3{width:100%;margin:0 0 10px 0;font-weight:bold;}
.noticeHolder .notice a{color:#FFF}
.noticeHolder .notice .fa-times{position:absolute;top:0px;right:0px;font-size:20px;cursor:pointer}
.noticeHolder .notice .fa-times:hover{color:#000}
#covid{background: repeating-linear-gradient(-50deg, #FFFFFF, #FFFFFF 20px, #FFCC00 20px, #FFCC00 40px);-webkit-box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2);}
#covid .alertBox{padding:1.92rem 2.4rem;font-family: 'Baloo 2', cursive;font-size:28px;color:#FFFFFF;font-weight:700;text-transform:uppercase;border:1px solid #231F20;background:#231F20;}
#covid .alertMsg{padding:2.2rem 2.4rem;border:1px solid #231F20;background:#FFFFFF;}
#covid .alertMsg2{margin:10px 0 0 0;padding:2.2rem 2.4rem;border:1px solid #231F20;background:#FFFFFF;}
#covid .alertMsg p, #covid .alertMsg2 p{margin:0px;}
#covid .alertMsg a, #covid .alertMsg2 a{color:#000000;text-decoration:underline;}
#covid .alertBox .fa{font-size:26px;}
#covid .fa-times:hover{color:#FF0000 !important;}

/* top */
#top {
  position:relative;
  min-height:44px;
	margin:6px 0 10px 10px;
	padding:4px 0px 3px 0;
}
#top #currency .currency-select {
	text-align:left;
}
#top #currency .currency-select:hover {
	text-shadow:none;
	color:#ffffff;
	background-color:#229ac8;
	background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat:repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
  font-size:11px;
	color:#231F20;
	text-decoration:none;
}
#top .btn-link:hover, #top-links a:hover {
	color:#444;
}
#top-links .dropdown-menu a {
	text-shadow:none;
}
#top-links .dropdown-menu a:hover {
	color:#FFF;
}
#top .btn-link strong {
	font-size:14px;
  line-height:14px;
}
#top .welcome {
  float:left;
  width:30.5%;
  padding:6px 0 0 0;
  font-size:11px;
}

#top #signin {
  margin:10px 8px 0 0;
  font-size: 14px;
  color:#FFFFFF;  
  cursor: pointer;
  background:#004990 url(../image/design/nav_indicator.png) no-repeat scroll 5% 50%;
}
#top #signin a {
  padding:8px 8px 8px 20px;
  color:#FFFFFF;
  display:block;
}
#top #signin a:hover{text-decoration:none;}
#signInBox {
  position:absolute;
  top:52px;
  right:0px;
  width:247px;
  background:#CCDBE9;
  display:none;
  z-index:128;
}

#login {
  margin:10px 0 0 0;
}
#login label {
  width:90px;
  padding:4px 0 0 10px;
  color:#004990;
}
.logininput {
  width:139px;
  margin:2px;
  padding:2px 6px;
  font-size:12px;
  color:#004990;
  border:0 none;
}

#top #containBttn{
  width:287px;
}

#signInBox #loginbttn {
  float:right;
  width:104px;
  height:30px;
  margin:5px 16px 5px 0;
  cursor:pointer;
  border:0 none;
  background:url(../image/design/sign-in.png) no-repeat 0% 0%;
}

#apply {
  width:206px;
  margin:10px 0 0 0;
  font-size: 14px;
  color:#FFFFFF;  
  background:#004990 url(../image/design/nav_indicator.png) no-repeat scroll 5% 50%;
}
#top #apply a {
  padding:8px 8px 8px 20px;
  color:#FFFFFF;
  display:block;
}
#top #apply a:hover {
  color:#CCDBE9;
  text-decoration:none;
}

.bluebttn {
  width:166px;
  margin:10px 0 0 82px;
  padding:7px 0;
  font-size:12px;
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;    
  border:1px solid #0D5296;  
  background:#7FA4C7;
  display:block;
}
.redbttn {
  width:164px;
  margin:10px 0 0 82px;
  padding:7px 0;
  font-size:12px;
  color:#FFFFFF;
  font-weight: bold;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;    
  border:1px solid #DD2200;  
  background:#E51937;
  display:block;  
}

#efbttn{float:right;margin:10px 0 0 0;}

@media only screen and (min-width:1px) and (max-width:1023px){
  #top #signin{margin-left:166px;background:#004990;}
  #top #signin a{padding:8px 12px;}
  #top #apply{width:auto;background:#004990;}
  #top #apply a{padding:8px 12px;}
  #containBttn .bluebttn{float:right;width:83px;}
  .redbttn {width:40px;}
}

@media only screen and (min-width:1px) and (max-width:639px){
 #top{float:right;width:50%;}
 @media only screen and (min-width:320px) and (max-width:480px){
  #top #containBttn{width:50%;}

   @media (max-width:480px) {
   #top #containBttn{width:100%;}
   #containBttn .bluebttn{float:right;width:35px !important;margin:10px 0 0 19px !important;}
  }

   @media (max-width:360px) {
   header .container{padding:0px;}
   #logo{margin-left:15px;}
   #top{margin-right:7px;}
   #top #containBttn{width:100%;}
   #top #signin{margin-left:76px;}
   #search{right:30px !important;}
   #containBttn .bluebttn{float:right;width:35px !important;margin:10px 0 0 20px !important;}
  }

   @media (max-width:320px) {
   header .container{padding:0px;}
   #logo{margin-left:15px;}
   #top{margin-right:7px;}
   #top #containBttn{width:100%;}
   #top #signin{margin-left:56px;}
   #search{right:16px !important;}
   #containBttn .bluebttn{float:right;width:35px !important;margin:10px 0 0 13px !important;}
  }
 }
}

#top-links {
	float:left;
	padding:6px 0 0 0;
}
#top-links a + a {
	margin-left:15px;
}

@media (min-width:478px) {
 #top-links a i{display:none;}
}
/* logo */
#logo {float:left;}
@media (min-width:1200px){
 #logo {margin-left:140px;}
}

/* search */
#search {
  float:left;
  width:200px;
}
@media (min-width:1280px){
 #search{float:right;}
}
#search .input-lg {
  float:left;
  width:200px;
  height:34px;
  margin:0px;
  padding:0px 0 0 20px;
  font-family:Arial,helvetica,verdana,sans-serif;
  font-size:12px;
  color:#FFFFFF;   
  border:0px;
  border-left:5px solid #FFFFFF;
  border-right:5px solid #FFFFFF;
  background:#E51937;
  border-radius:0px;
  box-shadow:none;
}
#search .btn-lg {
	width:42px;
	height:34px;
	border:0px;
	background:#000 url(../image/design/search_button.png) no-repeat 0% 0%;
	border-radius:0px;
}
#search .form-control::-moz-placeholder{color:#FFFFFF;}
@media (max-width:320px){
  #search .input-lg {height:28px;margin:8px 0 0 0;}
  #search .btn-lg {height:28px;margin:8px 0 0 0;}
}

.searchIconBttn{margin:0px;padding:2px;color:#FFFFFF;}

.search-ex2-collapse{width:290px;height:40px;margin:10px auto;background:url(../image/design/searchbg.jpg) no-repeat 0% 0%;}
.search-ex2-collapse #ex2-search{float:left;width:81%;height:42px;color:#FFFFFF;border:0px;border-radius:0px;box-shadow:0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.6);background:transparent;}
.search-ex2-collapse #plainBttn{color:#FFFFFF;text-shadow:0 0px 0 rgba(255, 255, 255, 0.5);border:0px;border-radius:0px;background:transparent;}
#input-search{margin-bottom:6px;}
#category_id{margin-bottom:6px;}
/* cart */
#cart {
  float:right;
  width:25%;
}
#cart > .btn {
  float:right;
  margin:4px 0 0 0;
	font-size:11px;
	color:#000000;
	line-height:18px;
	text-transform:uppercase;
	border:0px;
	background:transparent;
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.0) inset;
}
#cart.open > .btn {
	background-image:none;
	background-color:#FFFFFF;
	border:0px;
	color:#666;
	box-shadow:none;
	text-shadow:none;
}
#cart.open > .btn:hover {
	color:#444;
}
#cart .dropdown-menu {
	background:#FFFFFF;
	z-index:1001;
}
#cart .dropdown-menu {
	min-width:100%;
}
	@media (max-width:478px) {
		#cart .dropdown-menu {
			width:100%;
		}
	}
#cart .dropdown-menu table {
	margin-bottom:10px;
}
#cart .dropdown-menu li > div {
	min-width:427px;
	padding:0 10px;
}
	@media (max-width:478px) {
		#cart .dropdown-menu li > div {
			min-width:100%;
		}
	}
#cart .dropdown-menu li p {
	margin:20px 0;
}

@media (min-width: 1024px) {
 #top-links a i{display:none;}
}

/* menu */
#menuHolder{position:relative;z-index:256;}
#menu {
  float:left;
  width:100%;
  max-width:887px;
	min-height:32px;
	margin:0px !important;
	border:0px !important;
}
@media (min-width:800px) {
 #menu .navbar-collapse {
  padding:0px !important;
 }
}
#menu .nav > li > a {
  width:auto;
  margin:0;
  padding:7px 0 7px 30px;  
  font-size:12px;
  color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
  background:url(../image/design/nav_indicator.png) no-repeat 12px 14px;
  display:block;
}

@media (max-width:320px){
 #menu .nav > li > a{padding:6px 30px;font-size:12px;}
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
  width:auto;
  margin:0px;
  color:#CCDBE9;
  text-decoration:none;
  display:block;
}
#menu .dropdown-menu {
	padding-bottom:0;
}
#menu .dropdown-inner {
	display:table;
}
#menu .dropdown-inner ul {
	display:table-cell;
}
#menu .dropdown-inner a {
	min-width:160px;
	display:block;
	padding:3px 20px;
	clear:both;
	line-height:20px;
	color:#333333;
	font-size:12px;
}
#menu .dropdown-inner li a:hover {
	color:#FFFFFF;
}
#menu .see-all {
	display:block;
	margin-top:0.5em;
	border-top:1px solid #DDD;
	padding:3px 20px;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 3px 3px;
	font-size:12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration:none;
	color:#ffffff;
	background-color:#229ac8;
	background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat:repeat-x;
}
#menu #category {
	float:left;
	padding-left:15px;
	font-size:16px;
	font-weight:700;
	line-height:40px;
	color:#fff;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	float:left;
  margin:4px 5px;
	padding:6px 10px;
	font-size:11px;
	font-stretch:expanded;
	color:#FFF;
	text-transform:uppercase;
	line-height:0px;
	border:0px;
	background-color:#004890;
	border-radius:0px;
	box-shadow:0 0px 0 rgba(255, 255, 255, 0) inset, 0 1px 2px rgba(0, 0, 0, 0);
}
#menu .btn-navbar .fa{padding-right:4px;}

#SwipeCategories{color:#004892 !important;background:#CADAE9 !important;}
#SwipeCategories .fa{color:#FFFFFF !important;}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color:#FFFFFF;
	border-color:#7FA4C7;
	background-color:#7FA4C7;
}
@media (min-width:768px) {
	#menu .dropdown:hover .dropdown-menu {
		display:block;
	}
}
@media (max-width:767px) {
	#menu {
		border-radius:4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display:block;
	}
	#menu div.dropdown-menu {
		margin-left:0 !important;
		padding-bottom:10px;
		background-color:rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display:block;
	}
	#menu .dropdown-inner a {
		width:100%;
		color:#fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background:rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top:0;
		border:none;
		border-radius:0;
		color:#fff;
	}
}

/* Side Nav */
#sidenav {margin:0px;padding:0px;}
#sidenav li {position:relative;list-style-type:none;}
#sidenav li a {margin:0px;padding:5px 0 5px 30px;font-size:14px;color:#004990;text-decoration:none;cursor:pointer;border:0px;border-bottom:1px solid #FFFFFF;display:block;}
#sidenav li a:hover {color:#FFFFFF;background:#004990;border-radius:0px;}
#sidenav li ul {position:absolute;top:0px;width:181px;margin:0px;padding:0px;border-left:1px solid #FFFFFF;background:#7FA4C7;z-index:9999;}
#sidenav ul li {width:180px;margin:0px;padding:0px;}
#sidenav ul li a {padding:5px 0 5px 10px;color:#004990;background:transparent;display:block;}
#sidenav ul li:hover a {color:#FFFFFF;}
#sidenav li ul.fallback {display:none;}
#sidenav li:hover ul.fallback {display:block;}

/* Swipe Category Menu for Mobile */
.swipe .swipe-menu {height: 100%;overflow: auto; display:none;}
.ind .swipe {display: block; left:0px;}
.ind .shadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  z-index: 88;
}
#closeSwipe{position:absolute;top:0px;right:10px;width:36px;height:36px;cursor:pointer;background:url(../image/design/x.png);display:block;opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}
.swipe{
  position:fixed;
  top:0px;
  left:-237px;
  width:237px;
  overflow:auto;
  z-index:1024;
  transition:all 0.5s ease 0s;
}
.swipe-menu .title_block{margin:0; padding:9px 0 9px 43px; font-size:14px; color:#004990; font-weight:bold; background:#CCDBE9 url(../image/design/red-indicator.jpg) no-repeat scroll 30px 50%; border-bottom:1px solid #FFFFFF;}
#mainCategories {margin:0px;padding:0px;background:#CCDBE9;}
#mainCategories li {list-style-type:none;}
#mainCategories li a {margin:0px;padding:5px 0 5px 30px;font-size:12px;color:#004990;text-decoration:none;cursor:pointer;border:0px;border-bottom:1px solid #FFFFFF;display:block;background:#CCDBE9;}
#mainCategories li a:hover {color:#FFFFFF;background:#004990;border-radius:0px;}
#mainCategories li ul {margin:0px;padding:0px;background:#7FA4C7;}
#mainCategories ul li {margin:0px;padding:0px;}
#mainCategories ul li a {padding:5px 0 5px 30px;color:#004990;background:transparent;display:block;}
#mainCategories ul li:hover a {color:#FFFFFF;}
#mainCategories li ul.fallback {display:none;}
#mainCategories li:hover ul.fallback {display:block;}

/* Responsive Changes */
@media only screen and (min-width:1px) and (max-width:480px){
 .forceClear{display:block;}
 #cart{width:100%;}
 #menuHolder{width:100% !important;margin:0px !important;}
 #menuHolder{position:relative;width:100%;margin:0 0 10px 0 !important;}
 #menu{width:100% !important;}
 .navbar-nav{margin:0px;background:#004990;}
 #search .input-lg {height:28px;margin:8px 0 0 0;}
 #search .btn-lg {height:28px;margin:8px 0 0 0;}
}

@media only screen and (min-width:640px) and (max-width:1023px){
 .forceClear{display:none;}
 @media (min-width:768px){
  #top{width:74.1%;}
  #menuHolder{width:74.1%;}
  #menu{width:323px !important;}
 }
 @media only screen and (min-width:640px) and (max-width:719px){
  #top-links{float:right;}
  #cart{width:55%;}
 }
 @media only screen and (max-width:720px){
  #top-links{float:right;}
  #cart{width:70%;}
 }
 #menuHolder{width:100% !important;margin:0px !important;}
 #menuHolder{position:relative;width:100%;margin:0 0 10px 0 !important;}
 #menu{width:100% !important;}
 @media only screen and (min-width:800px) and (max-width:1023px){
  #cart{width:49%;}
  #menuHolder{margin:0px !important;}
 }
}

@media only screen and (min-width:1024px){
 #search{width:21.15%;}
}

@media (max-width:1024px){
 .forceClear{display:none;}
 #column-left{width:22.6%;}
}

@media (max-width:1136px){
 #column-left{width:22%;}
}

@media only screen and (min-width:800px) and (max-width:1023px){
 #sidenav li a{padding:5px 0 5px 6px;}
 #column-left{width:21.9%;}
 #search .btn-lg{margin:0px !important;}
}

@media (max-width:720px){
 header .container {padding:0;} 
 #menuHolder{margin:0px !important;} 
 .navbar-nav{margin:0px;background:#004990;}
}

@media (max-width:640px){
 header .container {padding:0;}
 #menuHolder{margin:0px !important;}
 .navbar-nav{margin:0px;background:#004990;}
}

@media (max-width:480px){
 header .container {padding:0;}
 #menuHolder{margin:0px !important;}
 #search .input-lg{margin:2px 10px 0 0 !important;}
 #search .btn-lg{margin:0 0 0 1px !important;}
}

.list-group-item:last-child{border-radius:0px;}
@media (max-width:1024px){
 #sidenav li a {font-size:12px;}
}

/* content */
.content {
  margin-top:5px;
}
#content {
	min-height:550px;
	padding-bottom:20px;
}
#content h1{
  margin:0 0 20px;
  padding:22px 0 0 0; 
  font-size:18px;
  color:#004990;
  font-weight:bold;
}
@media (max-width:320px){
  #content h1{margin:0px;padding:10px 0 0 0;}
}
/* Banner Slider */
.carousel .item{background-color:#FFFFFF;}
.carousel .item .caption{height:80px;padding:10px 15px;font-size:17px;color:#FFFFFF;font-style:italic;background:#004990;}
.carousel-control{top:40% !important;height:30px !important;width:30px !important;font-size:30px !important;line-height:26px !important;z-index:999 !important;}
.carousel-control.left{color:#FFFFFF;background:none !important;}
.carousel-control.right{color:#FFFFFF;background:none !important;}
.carousel-indicators{bottom:67px;left:0px !important;width:auto !important;margin-left:60px !important;}
.carousel-indicators .active{background:#FFFFFF;}
.carousel-indicators li{border:0px !important;background:#EDEDED;border-radius:0px !important;}

/* FeatureBoxes */
.featureBox{position:relative;width:100%;margin:4% 15px 4% 0;padding:0px;border:1px solid #E51937;}
.featureHeading{width:100%;height:30px;color:#FFFFFF;font-weight:bold;line-height:30px;text-align:center;background:#E51937;}
.featureBox h1{padding:10px 0 0 10px;font-size:24px;}
.featureBox img{max-width:100%;display:block;}
.featureBox p{margin:0px;padding:10px 10px;color:#000000;line-height:18px;}
.tag{position:absolute;top:0px;left:0px;z-index: 256;}

@media only screen and (min-width:1025px){
 .featureBox{width:272px;}
 @media only screen and (max-width:1136px){
  .featureBox{width:222px;}
 }
}

@media only screen and (min-width:720px) and (max-width:1024px){
 .featureBox{float:left;width:31.8%;}
}

@media only screen and (min-width:481px) and (max-width:719px){
 .featureBox{width:60%;margin:15px auto;}
 .featureBox img{margin:0 auto;} 
}

@media only screen and (max-width:480px){
 .featureBox{width:60.5%;margin:15px 89px;}
 .featureBox img{margin:0 auto;}
}

@media only screen and (max-width:360px){
 .featureBox{width:100%;margin:15px auto;}
 .featureBox img{margin:0 auto;}
}

@media only screen and (max-width:320px){
 .featureBox{width:100%;margin:15px auto;}
 .featureBox img{margin:0 auto;}
}

/* Welcome Container */
#welcome_container {
  margin:0 0 20px 0;
  padding:22px 0;
  border:1px solid #004990;
  background:FFFFFF;
}
#welcome_container h1 {
  margin:0 0 20px;
  padding:0 0 0 22px;
  font-size:18px;
  color:#004990;  
  font-weight:bold;
}
#welcome_container p {
  padding:0 22px;
  font-size:14px;
  line-height:18px;
}
#welcome_container p a {
  color:#E51937;
  font-style:italic;
  text-decoration:none;
}

/* Document Download */
.documentdownload {
  width:97%;
  margin:10px 0 15px 0;
  font-size:12px;
  border:1px solid #CCCCCC;
  background:#F1F1F1;
}
.doc_icon {
  float:left;
  width:20px;
  padding:5px 10px 5px 0;
}
.doc_text {
  float:right;
  width:94%;
  padding:5px 10px 5px 0;
  line-height:18px;
}

/* Sitemap */
.sitemap1 li {
  margin:0px;
  padding:6px 6px 6px 20px;
  list-style-type:none;
  background-image: url(../image/design/nav_indicator.png);
  background-position:0 10px;
  background-repeat:no-repeat;
}
.sitemap1 li a {
  font-size:14px !important;
}
.sitemap2 {
  margin:0px;
  padding:0px;
}
.sitemap2 li {
  margin:0 0 0 10px !important;
  padding:6px 6px 6px 15px !important;
  list-style-type:none !important;
  background-image:url(../image/design/red-indicator.jpg) !important;
  background-position:0 10px;
  background-repeat:no-repeat;
}
.sitemap2 li a {
  font-size:12px !important;
}

/* footer */
footer{background:#004990;}
#bottomLinks{margin:0px;padding:0px;list-style-type:none;}
#bottomLinks li{margin:0px;padding:0px;line-height:35px;display:inline;}
#bottomLinks a{padding:0 0 0 23px;font-size:12px;color:#FFFFFF;background:url(../image/design/nav_indicator.png) no-repeat 8px 4px;}
#bottomLinks a:hover{color:#CCDBE9;}
#rights{font-size:12px;color:#7FA4C7;line-height:35px;}

/* alert */
.alert {
	padding:8px 14px 8px 14px;
}
#content .normal span {float:left;display:block;}
/* breadcrumb */
.arrows {
  float:left;
  margin:0 5px;
  color:#E51937;
}

.breadcrumb {
	margin:0 0 20px 0;
	padding:8px 0;
	border:1px solid #ddd;
}
.breadcrumb i {
	font-size:15px;
}
.breadcrumb > li {
	text-shadow:0 1px 0 #FFF;
	padding:0 20px;
	position:relative;
	white-space:nowrap;
}
.breadcrumb > li a {
  font-size:11px;
  color:#000000;
}
.breadcrumb > li + li:before {
	content:'';
	padding:0;
}
.breadcrumb > li:after {
	content:'';
	display:block;
	position:absolute;
	top:-3px;
	right:-5px;
	width:26px;
	height:26px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.pagination {
	margin:0;
}
/* buttons */
.buttons {
	margin:1em 0;
}
.btn {
	padding:7.5px 12px;
	font-size:12px;
	border:1px solid #cccccc;
	border-radius:4px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size:9px;
}
.btn-sm {
	font-size:10.2px;
}
.btn-lg {
	padding:10px 16px;
	font-size:15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size:12px;
}
.btn-group > .btn-xs {
	font-size:9px;
}
.btn-group > .btn-sm {
	font-size:10.2px;
}
.btn-group > .btn-lg {
	font-size:15px;
}
.btn-default {
	color:#FFFFFF;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#004990;
	border-color:#004990 #004990 #004990;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {
	color:#FFFFFF;
	background-color:#E51937;
	background-position:0 -15px;
	border-color:#E51937;
}
.btn-primary {
	color:#FFFFFF;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#004990;
	border-color:#004990 #004990 #004990;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color:#E51937;
	background-position:0 -15px;
	border-color:#E51937;
}
.btn-warning {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#faa732;
	background-image:linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat:repeat-x;
	border-color:#f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow:inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#da4f49;
	background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat:repeat-x;
	border-color:#bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow:inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#5bb75b;
	background-image:linear-gradient(to bottom, #62c462, #51a351);
	background-repeat:repeat-x;
	border-color:#51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow:inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#E51837;
	background-image:linear-gradient(to bottom, #E51837, #CA374A);
	background-repeat:repeat-x;
	border-color:#E51837 #CA374A #CA374A;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image:none;
	background-color:#E51837;
	border-color:#E51837 #CA374A #CA374A;
}
.btn-link {
	border-color:rgba(0, 0, 0, 0);
	cursor:pointer;
	color:#23A1D1;
	border-radius:0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color:rgba(0, 0, 0, 0);
	background-image:none;
	box-shadow:none;
}
.btn-inverse {
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#363636;
	background-image:linear-gradient(to bottom, #444444, #222222);
	background-repeat:repeat-x;
	border-color:#222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color:#222222;
	background-image:linear-gradient(to bottom, #333333, #111111);
}

.qBtn{margin-right:10px;}

/* list group */
.list-group .title_block {
  margin:0;
  padding:9px 0 9px 43px;
  font-size:14px;
  color:#004990;
  font-weight:bold;
  background:#CCDBE9 url(../image/design/red-indicator.jpg) no-repeat scroll 30px 50%;
  border-bottom:1px solid #FFFFFF;
}

.list-group a:nth-child(even) {background:#CCDBE9}
.list-group a:nth-child(odd) {background:#CCDBE9}
.list-group a {padding:16px 12px;}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color:#FFFFFF;
	border-color:#FFFFFF;
	background:#004990;
}

/*
.accountIcon {
  width:64px;
  margin:0 auto;
  padding:16px 0 0;
  display:block;
}
*/

/* Account Icons */
#accountLinks{border:0px;}
#accountLinks a{text-shadow:0px 0px 0px rgba(255,255,255,0.25);}
#accountLinks a:hover{color:#FFFFFF;background:#EDAA84;}
.accountIcons li{margin-bottom:30px;}
.accountIcon{display:block;}
.accountIcon .fa{font-size:40px;color:#E51937;}
.accountIcon .fa:hover{color:#004990;}

/* carousel */
.carousel-caption {
	color:#FFFFFF;
	text-shadow:0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content:'\f053';
	font-family:FontAwesome;
}
.carousel-control .icon-next:before {
	content:'\f054';
	font-family:FontAwesome;
}
/* product list */
#productTable {border:1px solid #EEEEEE;border-collapse:collapse;}
#productTable th {height:26px;font-size:13px;background:url(../image/design/gradient.jpg) repeat-x 0% 0%;}
#productTable td {font-size:12px;vertical-align: middle !important;border:1px solid #EEEEEE;}
#productTable td a{color:#004990 !important;text-decoration:none;}
#productTable td a:hover {color:#CCDBE9 !important;text-decoration:none !important;}
.stuck {position:fixed;top:0px;display:block;}
.stuck table {display:block !important;}

.categoryTable {margin-bottom:0px;background:#004990;}
.categoryTable td {padding:4px !important;font-size:12px;color:#FFFFFF;vertical-align: middle !important;border-bottom:1px solid #FFFFFF;}


.catCol{float:left;padding:4px;font-size:12px;color:#FFFFFF;vertical-align: middle !important;border-bottom:1px solid #FFFFFF;background:#004990;}
.catCol a {color:#CCDBE9;}
.catCol a:hover {color:#FFFFFF !important;text-decoration:underline !important;}
.c1{width:11.6%;}
.c2{width:30%;}
.c3{width:10.1%;}
.c4{width:9.1%;}
.c5{width:14%;}
.c6{width:25.2%;}
.ifasData{height:70px;}

.price-old{margin:-6px 0 0 0;display:block;}

.apCol{float:left;padding:4px;font-size:12px;color:#000000;border-bottom:1px solid #EEEEEE;}
.apheadings{min-height:36px;padding:8px;font-size:13px;background:url(../image/design/gradient.jpg) repeat-x 0% 0%;}
.ap1{width:33.6%;}
.ap2{width:13%;}
.ap3{width:17.4%;}
.ap4{width:17.3%;}
.ap5{width:12.5%;}
.ap6{width:6.2%;}
.apData{height:60px;}
.lightGrey .apCol{background:#F9F9F9 !important;}

.categoryTable td a {color:#CCDBE9;}
.categoryTable td a:hover {color:#FFFFFF !important;text-decoration:underline !important;}
.enquiryBttn {
  width:110px;
  padding:4px;
  color:#FFFFFF !important;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  border:1px solid #0D5296;
  background:#7FA4C7;
}
.enquiryBttnII {
  width:140px;
  padding:2px 5px;
  color:#FFFFFF !important;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  border:1px solid #dd2200;
  background:#E51937;
  display:none;
}
#inEnquiry{display:block;}

.product-thumb {
	overflow:auto;
}
.product-thumb .image a {
	display:block;
}
.product-thumb .image a:hover {
	opacity:0.8;
}
.product-thumb .image img {
  
	margin-left:auto;
	margin-right:auto;
}
.product-grid .product-thumb .image {
	float:none;
	margin:0 10px 10px 0;
	padding:6px;
	border:1px solid #EEEEEE;
	background:#FFFFFF;
}
.product-grid.product-thumb .image a img{
  width:200px;
  height:140px;
}

.product-grid.product-thumb .image a {
	background:#FFFFFF !important;
}
@media (min-width:767px) {
.product-list .product-thumb .image {
	float:left;
	padding:0 10px;
}
}
.product-thumb h4 {
  font-size: 12px !important;
  text-align: center;
}
.product-thumb a {
  padding:0px;
}
.product-thumb .caption {
	padding:8px 20px 4px 20px;
  color:#FFFFFF;
}
.product-list .product-thumb .caption {
	margin-left:80px;
}
@media (max-width:1200px) {
.product-grid .product-thumb .caption {
	min-height:210px;
	padding:8px 10px 4px 10px;
}
}
@media (max-width:767px) {
.product-list .product-thumb .caption {
	min-height:0;
	margin-left:0;
	padding:0 10px;
}
.product-grid .product-thumb .caption {
	min-height:0;
}
}
.product-thumb .rating {
	padding-bottom:10px;
}
.rating .fa-stack {
	font-size:8px;
}
.rating .fa-star-o {
	color:#999;
	font-size:15px;
}
.rating .fa-star {
	color:#FC0;
	font-size:15px;
}
.rating .fa-star + .fa-star-o {
	color:#E69500;
}
h2.price {
	margin:0;
}

.price-old strike{color:#47D1FE;}
.product-thumb .price-tax {
	color:#999;
	font-size:12px;
	display:block;
}

.functionalButtons .price {float:left;margin:4px 2px 0 0;}
.functionalButtons .tswitch{float:right;}
.functionalButtons .quantity-adder{float:left;}
.functionalButtons .quantity-adder .quantity-input{height:20px;margin:1px 3px 0 0;padding:0px;color:#004990;text-align:center;}
.addtoCartBttn{float:right;width:80px;padding:3px 0 2px;font-size:11px;color:#FFFFFF;text-align:center;text-transform:uppercase;cursor:pointer;border:1px solid #0D5296;background:#7FA4C7;display:block;}
.addtoCartBttn:hover{color:#004990;background:#CCDBE9;text-decoration:none;}
#addBar {
  position:relative;
  bottom:0px;
  height:32px;
  background:url(../image/design/gradient.jpg) repeat-x 0% 0%;    
}
#addBar .addBttnII {
  position:absolute;
  right:10px;
  top:5px;
}
.addBttnII{float:left;width:80px;font-size:11px;color:#FFFFFF;text-align:center;text-transform:uppercase;cursor:pointer;border:1px solid #0D5296;background:#7FA4C7;display:block;}
.addBttnII:hover{color:#004990;text-decoration:none !important;background:#CCDBE9;}

.addBttnIII{float:left;width:80px;font-size:11px;color:#FFFFFF;text-align:center;text-transform:uppercase;cursor:pointer;border:1px solid #0D5296;background:#7FA4C7;display:block;}
.addBttnIII:hover{color:#004990;text-decoration:none !important;background:#CCDBE9;}

.scrollup {
  width:28px;
  height:28px;
  margin:3px 0 0 10px;
  cursor:pointer;
  display:none;
}

.product-thumb .button-group {
	background-color:#EAEAEA;
	overflow:auto;
}
.product-list .product-thumb .button-group {
	border-left:1px solid #ddd;
}

@media (max-width:768px) {
	.product-list .product-thumb .button-group {
		border-left:none;
	}
}
.product-thumb .button-group button {
	width:60%;
	border:none;
	display:inline-block;
	float:left;
	background-color:#EAEAEA;
	color:#ABABAB;
	line-height:38px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.product-thumb .button-group button + button {
	width:20%;
	border-left:1px solid #C7C7C7;
}
.product-thumb .button-group button:hover {
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}
@media (max-width:1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width:33.33%;
	}
}
@media (max-width:767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width:33.33%;
	}
}

/* Enquiry Form */

.delete {cursor:pointer;}

#formindent {
 margin:0 auto;
 padding:10px;
 border:1px solid #EEEEEE;
 background:#F6F6F6;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

#formindent .form-group{min-height:30px;}
#formindent label{color:#004890 !important;}
#formindent input, #formindent textarea{
color:#004890 !important;
border:1px solid #DDDDDD;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #EDEDED),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #EDEDED 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #EDEDED 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #EDEDED 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #EDEDED 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #EDEDED 0%, #FFFFFF 100%);
}
.customSubmit{width:104px;height:30px;border:0px !important;border-radius:0px !important;background:url(../image/design/send.png) no-repeat 0% 0% !important;}
.customSubmit:hover{background-position:0% 0% !important;}

#input-username{float:left;}
#checkstatus{float:left;margin:0 0 0 10px;}
#input-telephone{float:left;width:84.8%;}

/* Credit Application Form */
#creditApp{margin:10px 0 30px 0;padding:20px 15px;color:#555555;border:1px solid #DDDDDD;background:#F6F6F6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display:none;}
#creditApp .form-group{margin:0;}
#creditApp .col-sm-10{padding:0;}
#creditApp #input-businessType, #creditApp #privateCompanies, #creditApp #soleTraders{display:none;}
#creditApp .deleteRow{float:right;margin:10px 15px 0 15px;}

/* Account Icons */
@media (min-width:1024px) {
 .accountIcons li{width:20%;}
 #input-username{width:81%;}
}
@media only screen and (min-width:1024px) and (max-width:1136px){
 #input-telephone{width:83.7%;}
}
@media only screen and (min-width:640px) and (max-width:720px){
 .accountIcons li{width:42%;}
 #input-username{width:42%;}
 #input-telephone{width:84.1%;}
}
@media only screen and (min-width:1px) and (max-width:480px){
 .accountIcons li{width:100%;}
 #input-telephone{width:77.5%;}
 #input-username{width:100%;}
 #checkstatus{margin:6px 0 0 0;}
 .cartQtyInput {width: 50px !important;}
}

/* Signup Form */
#mailchimp{margin-bottom:10px;padding:20px 10px;background:#E51937;}
#mailchimp .no-padding{padding:0px;}
#mailchimp p{margin:0px;font-size:14px;color:#FFFFFF;}
#mailchimp input{float:left;width:auto;padding:0px 10px;border:1px solid #FFFFFF;}
#mailchimp #mc-embedded-subscribe{width:auto;padding:1px 10px;color:#FFFFFF;text-transform:uppercase;border:0px;background:#004990;display:block;}
#mailchimp #mc-embedded-subscribe:hover{color:#004990;background:#CCDBE9;}

@media only screen and (min-width:1px) and (max-width:600px){
 #mailchimp p{margin-bottom:6px;}
 #mailchimp input{width:64%;}
}
@media only screen and (min-width:601px) and (max-width:767px){
 #mailchimp .no-padding{width:50%;}
 #mailchimp input{width:65%;}
}
@media only screen and (min-width:768px) and (max-width:991px){
 #mailchimp input{width:60%;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
 #mailchimp input{width:100%;max-width:240px;}
}
@media only screen and (min-width:1200px){
 #mailchimp input{width:100%;max-width:290px;}
}

/* Responsive View */
@media only screen and (max-width:720px){
 .c1{width:12%;}
 .c2{width:40%;}
 .c3{width:48%;}
 .c4{width:50%;padding:4px 10px;}
 .c5{width:50%;padding:4px 10px;}
 .c6{width:100%;padding:4px 10px;}
 .functionalButtons .price{margin:4px 2px 0 10px;}
 .price-new{float:left;margin-top:0px;margin-left:4px;margin-right:10px;}
 .price-old{float:left;margin-top:0px !important;margin-left:4px;}
}

@media only screen and (min-width:1px) and (max-width:640px){
.subcategoryContainer{margin-top:10px;}
 .c1{width:30%;}
 .c2{width:70%;}
 .c3{width:33.33%;}
 .c4{width:33.33%;}
 .c5{width:33.33%;}
 .c6{width:100%;height:34px;padding:0px;}
 .enquiryBttn{width:100% !important;padding:6px 0 !important;font-size:14px !important;display:block;}
 .enquiryBttnII{width:100% !important;padding:6px 0 !important;font-size:14px !important;}
 .lastDataCol{display:none;}
 .gapIT{margin-bottom:20px;}

 .aprow{margin:0 0 10px 0;}
 .ap1{width:40%;}
 .ap2{width:25%;}
 .ap3{width:35%;}
 .ap4{width:40%;}
 .ap5{width:25%;}
 .ap6{width:35%;}
 .forceNewLine{width:50%;}
 .quantity-adder{float:left; margin:0 10px 0 0;}
 .quantity-adder input{height:23px;}
 .functionalButtons .tswitch{margin-top:5px;}
 .addtoCartBttn{width:auto;margin:2px 10px; 0 0}
 .functionalButtons .price{margin:4px 2px 0 10px;}
}

@media only screen and (min-width:1px) and (max-width:360px){	
 .forceNewLine{clear:both;}	
 .price-old{margin:-6px 0 0 0 !important;}	
 /*.functionalButtons .tswitch{margin-top:-16px !important;}	
 .addtoCartBttn{margin-top:-16px;}*/	
}

@media only screen and (min-width:1px) and (max-width:479px){
  .aprow{margin:0 0 10px 0;}
  .ap1{width:50%;}
  .ap2{width:50%;}
  .ap3{width:33.33%;}
  .ap4{width:33.33%;}
  .ap5{width:33.33%;}
  .ap6{width:100%;}
  .quantity-adder{float:left; margin:0 10px 0 0;}
  .quantity-adder input{height:23px;}
  .functionalButtons .tswitch{margin-top:5px;}
  .addtoCartBttn{width:auto;margin:2px 10px; 0 0}
 }

@media only screen and (min-width:641px) and (max-width:1023px){
  .aprow{margin:0 0 10px 0;}
  .ap1{width:40%;}
  .ap2{width:25%;}
  .ap3{width:35%;}
  .ap4{width:40%;}
  .ap5{width:25%;}
  .ap6{width:35%;}
  .quantity-adder{float:left; margin:0 10px 0 0;}
  .quantity-adder input{height:23px;}
  .functionalButtons .tswitch{margin-top:5px;}
  .addtoCartBttn{width:auto;margin:2px 10px; 0 0} 
}

@media only screen and (min-width:721px) and (max-width:980px){
.subcategoryContainer{margin-top:10px;}
 .c1{width:30%;}
 .c2{width:70%;}
 .c3{width:33.33%;}
 .c4{width:33.33%;}
 .c5{width:33.33%;}
 .c6{width:100%;height:36px;padding:0px 10px;}
 .enquiryBttn{width:100% !important;padding:6px 0 !important;font-size:14px !important;display:block;}
 .lastDataCol{display:none;}
 .gapIT{margin-bottom:20px;}
}

@media only screen and (min-width:1px) and (max-width:767px){
 #logo {width:40%;margin-left:10px;}
 #blue{width:calc(100% - 20%);}
 #top{float:right;width:50%;margin:6px 10px 10px 0px;}
 #search{position:absolute;top:0;right:5%;width:24px;}
 @media only screen and (min-width:1px) and (max-width:767px){
  #search{right:10%;}
 }
 .searchIconBttn{padding:3px 10px;}
}

@media only screen and (min-width:721px) and (max-width:991px){
 header .container{width:100%;padding:0px;}
 #logo{margin-left:10px;}
 #top{margin-right:10px;}
 @media only screen and (min-width:721px) and (max-width:799px){
  #search .input-lg{margin-top:0px;}
 }

 .navbar-header #SwipeCategories{display:block;}
 .navbar-header .navbar-toggle{display:block;}
 .navbar-nav{margin:0px;background:#004990;}
 #column-left{display:none;}
 #rColContent{width:100%;}
 .rColContent{width:100%;}
}

@media only screen and (min-width:800px) and (max-width:1023px){
 .price-new{float:left;}
 .price-old{float:left;margin:0 0 0 10px;}
}

@media only screen and (min-width:1024px){
 .addBttnIII{float:right;margin:5px 10px;}
}

@media only screen and (min-width:1px) and (max-width:991px){
 #menuHolder{
  height:34px;
  margin-bottom:0px !important;
  background:linear-gradient(
   to right, 
   #004990 0%, 
   #004990 79.6%,
   #FFFFFF 79.6%,
   #FFFFFF 80.3%,
   #E51937 80.3%, 
   #E51937 100%
  );
 }
 #menu .navbar-header{float:none;height:34px;}
 .navbar-collapse{padding:0px !important;border-top:1px solid #FFFFFF;clear:both;}
 #blue,#red{display:none;}
}

@media only screen and (min-width:481px) and (max-width:767px){
 #search .collapse{display:block;}
 #search{position:absolute;top:0px;right:0px;width:252px;}
 #search .searchIconBttn{display:none;}
}

@media only screen and (min-width:768px) and (max-width:991px){
 #top{float:right;width:50%;}
 #blue{width:calc(100% - 20%);}
 #red{width:calc(100% - 80%);}
 #menu .collapse{clear:both;}
 .navbar-collapse.collapse{display:none !important;}
 .navbar-collapse.in{display:block !important;}
 #menu .navbar-nav{width:100%;}
 #menu .navbar-nav > li{float:none;display:block;}
 #search .collapse{display:block;}
 #search{position:absolute;top:0;right:0px;width:252px;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
 #top{float:right;width:50%;}
 @media only screen and (min-width:1024px) and (max-width:1199px){
  #top{width:32%;}
 }
 #top #containBttn{width:96%;}
 #containBttn .bluebttn{float:right;width:146px;}
 #blue{width:calc(100% - 20%);}
 #red{width:calc(100% - 80%);}
 #menu .nav > li > a{padding:7px 10px;background:transparent;}
 #search .collapse{display:block;}
 #search{position:absolute;top:0;right:0px;width:252px;}
}

@media only screen and (min-width:1200px) and (max-width:1749px){
 #blue{width:calc(100% - 20%);}
 #red{width:calc(100% - 80%);}
 #search .collapse{display:block;}
}

@media only screen and (min-width:1750px) and (max-width:2560px){
 #blue{width:calc(100% - 20%);max-width:1360px;}
 #red{width:calc(100% - 70%);max-width:560px;}
 #search .collapse{display:block;}
}

/* fixed colum left + content + right*/
@media (min-width:768px) {
    #column-left  .product-layout .col-md-3{
       width:100%;
    }
    #column-left + #content .product-layout .col-md-3 {
       width:50%;
    }
    #column-left + #content + #column-right .product-layout .col-md-3{
       width:100%;
    }
    #content + #column-right .product-layout .col-md-3{
       width:100%;
    }
}

.pagination > li > a, .pagination > li > span {color:#000000;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#FDB825;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {border-color:#FDB825;background-color:#FDB825;}


/* ------------------------------------------------------- */
/* Modal Styles                                            */
/* ------------------------------------------------------- */
.modal-confirm{		
 width:325px;
 color:#636363;
}
.modal-confirm .modal-content{
 padding:20px;
 border-radius:5px;
 border:none;
}
.modal-confirm .modal-header{
 position:relative;
 border-bottom:none;
}
.modal-confirm h4{
 margin:30px 0 -15px;
 font-size:26px;
 text-align:center;
}
.modal-confirm .form-control, .modal-confirm .btn{
 min-height:40px;
 border-radius:3px; 
}
.modal-confirm .close{
 position:absolute;
 top:-5px;
 right:-5px;
}	
.modal-confirm .modal-footer{
 font-size:13px;
 text-align:center;
 border:none;
 border-radius:5px;
}	
.modal-confirm .icon-box i{
 position:relative;
 top:3px;
 font-size:58px;
}
.modal-confirm.modal-dialog{
 margin-top:80px;
}
/* ------------------------------------------------------- */
/* Success                                                 */
/* ------------------------------------------------------- */
.green .modal-confirm .icon-box{
 position:absolute;
 left:0;
 right:0;
 top:-70px;
 width:95px;
 height:95px;
 margin:0 auto;
 padding:15px;
 color:#FFFFFF;
 text-align:center;
 border-radius:50%;
 z-index:9;
 background:#82CE34 !important;
 box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1);
}
.green .modal-confirm .btn{
 color:#FFFFFF;
 text-decoration:none;
 line-height:normal;
 border-radius:4px;
 background:#82CE34;
 transition:all 0.4s;
 border:none;
}
.green .modal-confirm .btn:hover, .modal-confirm .btn:focus{
 background:#6FB32B;
 outline:none;
}
/* ------------------------------------------------------- */
/* Warning                                                 */
/* ------------------------------------------------------- */
.orange .modal-confirm .icon-box{
 position:absolute;
 left:0;
 right:0;
 top:-70px;
 width:95px;
 height:95px;
 margin:0 auto;
 padding:15px;
 color:#FFFFFF;
 text-align:center;
 border-radius:50%;
 z-index:9;
 background:#FFBB33 !important;
 box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1);
}
.orange .modal-confirm .btn{
 color:#FFFFFF;
 text-decoration:none;
 line-height:normal;
 border-radius:4px;
 background:#FF8800;
 transition:all 0.4s;
 border:none;
}
.orange .modal-confirm .btn:hover, .modal-confirm .btn:focus{
 background:#FFBB33;
 outline:none;
}

/* ------------------------------------------------------- */
/* Error                                                   */
/* ------------------------------------------------------- */
.modal-confirm .icon-box{
 position:absolute;
 left:0;
 right:0;
 top:-70px;
 width:95px;
 height:95px;
 margin:0 auto;
 padding:15px;
 color:#FFFFFF;
 text-align:center;
 border-radius:50%;
 z-index:9;
 background:#EF513A;
 box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i{
 position:relative;
 top:4px;
 font-size:56px;
}
.modal-confirm .btn{
 color:#FFFFFF;
 text-decoration:none;
 border-radius:4px;
 background:#EF513A;
 transition:all 0.4s;
 line-height:normal;
 border:none;
}

.modal-confirm .btn-success{background:#82CE34;}
.modal-confirm .btn-success:hover{background:#6FB32B !important;}
.modal-confirm .btn-danger{background:#EF513A;}
.modal-confirm .btn-success:hover{background:#DA2C12 !important;}
/*
.modal-confirm .btn:hover, .modal-confirm .btn:focus{
 background:#DA2C12;
 outline:none;
}*/