/* Bootstrap (grid only) */
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
* {box-sizing: border-box;}input::-moz-focus-inner { border: 0; padding: 0; }.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative;}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;}.col-xs-12 { width: 100%;}.col-xs-11 { width: 91.66666667%;}.col-xs-10 { width: 83.33333333%;}.col-xs-9 { width: 75%;}.col-xs-8 { width: 66.66666667%;}.col-xs-7 { width: 58.33333333%;}.col-xs-6 { width: 50%;}.col-xs-5 { width: 41.66666667%;}.col-xs-4 { width: 33.33333333%;}.col-xs-3 { width: 25%;}.col-xs-2 { width: 16.66666667%;}.col-xs-1 { width: 8.33333333%;}@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}.col-sm-12 {width: 100%;}.col-sm-11 {width: 91.66666667%;}.col-sm-10 {width: 83.33333333%;}.col-sm-9 {width: 75%;}.col-sm-8 {width: 66.66666667%;}.col-sm-7 {width: 58.33333333%;}.col-sm-6 {width: 50%;}.col-sm-5 {width: 41.66666667%;}.col-sm-4 {width: 33.33333333%;}.col-sm-3 {width: 25%;}.col-sm-2 {width: 16.66666667%;}.col-sm-1 {width: 8.33333333%; }}@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}.col-md-12 {width: 100%;}.col-md-11 {width: 91.66666667%;}.col-md-10 {width: 83.33333333%;}.col-md-9 {width: 75%;}.col-md-8 {width: 66.66666667%;}.col-md-7 {width: 58.33333333%;}.col-md-6 {width: 50%;}.col-md-5 {width: 41.66666667%;}.col-md-4 {width: 33.33333333%;}.col-md-3 {width: 25%;}.col-md-2 {width: 16.66666667%;}.col-md-1 {width: 8.33333333%; }}@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}.col-lg-12 {width: 100%;}.col-lg-11 {width: 91.66666667%;}.col-lg-10 {width: 83.33333333%;}.col-lg-9 {width: 75%;}.col-lg-8 {width: 66.66666667%;}.col-lg-7 {width: 58.33333333%;}.col-lg-6 {width: 50%;}.col-lg-5 {width: 41.66666667%;}.col-lg-4 {width: 33.33333333%;}.col-lg-3 {width: 25%;}.col-lg-2 {width: 16.66666667%;}.col-lg-1 {width: 8.33333333%; }}
.container {margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}

/* Basic Styles and base.css resets */
.href {cursor: pointer;}b, strong {font-weight: bold; color: #fbec5d;}i, em {font-style: italic;}.dbnSpacer {float: left; display: inline; width: 100%; height: 25px;}.clear {clear: both;}.underline {text-decoration: underline;}.blockquote {display: block; margin-left: 30px;}.float-left{float: left; display: inline;}.float-right{float: right; display: inline;}
.ir {float: left;display: inline;width: 100%;font-size: 0;line-height: 0;text-indent: -9999px;overflow: hidden;background-color: transparent;background-position: left top;background-repeat: no-repeat;}
p, ul, ol {margin-bottom: 1em;}
p:last-child, ul:last-child, ol:last-child {margin-bottom: 0;}
.textalignleft {text-align:left;}.textaligncenter, .centered, .center {text-align:center;}.textalignright {text-align:right;}
img.centered {display: block; margin: 0 auto;}
.floatleft, .alignleft {float: left; display: inline; margin: 0px 10px 10px 0px;}
.floatright, .alignright {float: right; display: inline; margin: 0px 0px 10px 10px;}
.block {display: block;}
.hidden, .hide, .mobile {display: none;}
.layout-zone-footer ul li {border: none; padding: 0;}
.drop-down-menu, .drop-down-menu ul {background: 0;}
.drop-down-menu-item {background: 0;}
.container-main #main {min-height: 0; margin: 0;}
.fieldset select {height: auto;}
.cd-only {display: none;}

/* Custom Styles */
img, iframe, object, embed, video {max-width: 100%;}
a {color: #fbec5d; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}

input, select, textarea, .fieldset select, .fieldset input[type="text"], .fieldset input[type="password"] {
	padding: 8px;
	color: #757575;
	font-size: 14px;
	line-height: 14px;
	border: none;
	height: auto;
	border-radius: 2px;
	background: #EAEAEA;
}
input[type="image"] {
	padding: 0px;
	border-radius: 0px;
	border: none;
	width: auto;
	background: 0;
}
input[type="submit"] {
	color: #fff;
	border: none;
	padding: 11px 14px;
	border-radius: 0;
	-webkit-appearance: none;
	background: #3D8EDE;
}
input[type="reset"] {
	color: #fff;
	border: none;
	padding: 11px 14px;
	border-radius: 0;
	-webkit-appearance: none;
	background: #777;
}

.white {color: #fff;}

::-webkit-input-placeholder {font-style: italic;}
:-moz-placeholder { /* Firefox 18- */font-style: italic;}
::-moz-placeholder {  /* Firefox 19+ */font-style: italic;}
:-ms-input-placeholder {font-style: italic;}

textarea {resize: vertical;}

h1 {
	font-size: 20px;
	color: #fbec5d;
	padding: 0;
	margin-bottom: 15px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.024);
}
h2 {
	font-size: 16px;
	color: #fbec5d;
	padding: 0;
	margin-bottom: 10px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.024);
}
h3 {
	font-size: 14px;
	color: #18073A;
	padding: 0;
	margin-bottom: 10px;
}
h4 {
	font-size: 16px;
	color: #19073A;
	padding: 0;
	margin-bottom: 7px;
}



html {display: block; height: 100%; background: transparent url(../images/html.jpg) repeat-x left top;}

.page /* Targets the <body> tag */ {
	margin-top: 4px;
	padding: 0 0 12px;
	display: block;
	min-height: 100%;
	background-color: #B7C3D1;
	background-image: -webkit-linear-gradient(top, #E7ECF0, #B7C3D1);
	background-image: linear-gradient(to bottom, #E7ECF0, #B7C3D1);
}
.section, .subsection  {
	clear: both;
	float: left;
	display: inline;
	width: 100%;
}
#site-container {
    width: 1170px;
	display: block;
	margin: 0 auto;
}
	#inner {
		padding: 12px;
		/*
		-webkit-box-shadow: 0px 0px 10px 0px #999;
		box-shadow: 0px 0px 10px 0px #999;
		*/
		-webkit-box-shadow: 10px 0 10px -10px #999, -10px 0 10px -10px #999;
		box-shadow: 10px 0 10px -10px #999, -10px 0 10px -10px #999;
		background: #fff;
	}
		.container-wrap {
			width: 100%; /* Your main inner document width */
			font-family: arial, helvetica, sans-serif;
		}
			.container-header {
				background: 0;
			}
				.layout-zone-header {
					min-height: 0;
					border-bottom: 2px solid #000;
					background: #2EACC5;
				}
					#logo {
						float: left;
						display: inline;
						width: 492px;
					}
						#logo img {display: block;}
					#header-right {
						float: right;
						display: inline;
						width: 278px;
						padding-right: 12px;
					}
						.social {
							margin-top: 6px;
						}
							.social ul {
								float: right;
								display: inline;
								list-style: none;
								margin: 0;
								padding: 0;
							}
								.social ul li {
									float: left;
									display: inline;
									margin: 0 0 0 3px;
								}
									.social ul li:first-child {margin-left: 0;}
									.social ul li a img {max-height: 35px; opacity: .85;}
										.social ul li a:hover img {opacity: 1;}
						.phone {
							text-align: right;
							margin-top: 40px;
							color: #fff;
							font-size: 24px;
							font-family: impact, charcoal, sans-serif;
							text-shadow: 1px 1px 6px #333;
						}
							.phone a {color: #fff; text-decoration: none;}
			.container-menu {
				background: 0;
			}
				.layout-zone-menu {
					min-height: 0;
					padding-top: 5px;
					background: #000;
					border-top: 1px solid #F2D515;
				}
					/* Custom menu styles.  This will allow you to override the default jQuery-based header nav to go to a cleaner, CSS-only method */

					#custom-menu > ul {
						clear: both;
						float: left;
						display: inline;
						width: 100%;
						margin: 0;
						padding: 0;
						text-align: right;
						list-style: none;
						background: #000 url(../images/custom-menu.jpg) repeat-x left top;
					}
						#custom-menu > ul > li {
							float: left;
							display: inline;
							position: relative;
						}
							#custom-menu > ul > li > a {
								display: block;
								color: #ccc;
								display: block;
								font: 12px/17px arial,sans-serif;
								padding: 5px 15px 11px 16px;
								text-decoration: none;
								background: transparent url(../images/nav-sep.jpg) no-repeat 1px bottom;
							}
								#custom-menu > ul > li:hover > a {
									text-decoration: none;
									background-color: #000;
								}
							#custom-menu > ul > li > ul {
								display: none;
								position: absolute;
								top: 100%;
								left: 0;
								z-index: 999;
								width: 150px;
								padding: 0 1px 1px;
								text-align: left;
								background: #000;
							}
								#custom-menu > ul > li > ul > li {
									float: none;
									display: block;
									list-style: none;
									position: relative;
									padding: 0;
									margin: 0;
									border-left: 1px solid #444;
									border-right: 1px solid #444;
								}
									#custom-menu > ul > li > ul > li:last-child {
										border-bottom: 1px solid #444;
									}
									#custom-menu > ul > li > ul > li > a {
										display: block;
										padding: 5px 16px;
										color: #ffffff;
										text-decoration: none;
										background: #000;
									}
										#custom-menu > ul > li > ul  > li a:hover {color: #fbec5d;}
										#custom-menu > ul > li > ul > li:hover > a {background: #000;}
										#custom-menu > ul > li:hover > ul {display: block;}
												#custom-menu > ul > li > ul > li > ul {
													display: none;
													position: absolute;
													left: 100%;
													top: 0;
													width: 200px;
													z-index: 200;
												}
													#custom-menu > ul > li > ul > li:hover > ul {display: block;}
														#custom-menu > ul > li > ul > li > ul  > li{
															float: none;
															display: block;
															list-style: none;
															padding: 0;
															margin: 0;
															position: relative;
														}
															#custom-menu > ul > li > ul > li  > ul  > li > a {
																display: block;
																padding: 5px 20px;
																color: #ffffff;
																font-size: 14px;
																text-decoration: none;
																font-family: Roboto, sans-serif;
																background: #000;
															}
																#custom-menu > ul > li > ul > li > ul > li:hover > a {background: #000;}

				
				.container-main {
					background: 0;
				}
					.container-main #main {color: #fff; background: #2DABC4; padding-top: 15px;}
					.page-home .container-main #main, .page-page .container-main #main {padding-top: 0;}
					.msg-notice, .fieldset .field label, .fieldset .field.title, .fieldset .hint, .msg-notice ul li {color: #fff;}
					.product-view-style2 .product-purchase {padding: 0; border: none; background: 0;}
						#main-content {
							padding: 10px 35px;
						}
							.page-page .layout-zone-content {color: #fff; padding: 20px 30px; line-height: 1.5em; width: 100% !important;}
								.page-page  .layout-zone-content h2 {color: #fff;}
								div.page-text > .spacer {padding: 0;}
								.page-page  .layout-zone-content ul {
									color: #fff;
									font: 1em arial,sans-serif;
									list-style: outside none square;
									margin: 4px 0 12px 10px;
									padding: 0 0 3px 18px;
								}
								.page-page  .layout-zone-content ul li {
									line-height: 1.6em;
									margin: 1px 0 3px;
									padding: 0;
								}
							.panel {
								border: none;
								margin-top: 10px;
							}
								.panel:first-child {margin-top: 0;}
								.panel .title {background-color: #000; margin: 0;}
								.panel .content {color: #fff; background: #333;}


				.container-footer {
					background: 0;
				}
					.layout-zone-footer {
						padding: 25px 50px;
						min-height: 0;
						font-size: 14px;
						font-weight: bold;
						color: #fbec5d;
						text-align: center;
						background: #2DABC4;
					}
						.shadow {text-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.024);}
						.layout-zone-footer ul {
							display: block;
							text-align: center;
							margin: 15px 0 0;
							padding: 0px;
							list-style: none;
						}
							.layout-zone-footer ul li {
								display: inline;
								list-style: none;
								padding: 0;
								margin: 0;
							}
								.layout-zone-footer ul li a {
									border-left: 1px solid #fff;
									color: #fbec5d;
									font-weight: normal;
									font-size: 11px;
									padding: 0px 8px;
									text-decoration: none;
								}
								.layout-zone-footer ul li a:hover {
									text-decoration: underline;
								}
								.layout-zone-footer ul li:first-child a {
									border: none;
								}
								.layout-zone-footer ul li * {
									vertical-align: middle;
								}
						

								
								
								
		/* Begin basic slider styles */									
		.slider {
			position: relative;
		}
			.cycle-slideshow {
				clear: both;
				float: left;
				display: inline;
				width: 100%;
			}
				.slide {
					clear: both;
					float: left;
					display: none;
					width: 100%;
					z-index: 3 !important;
				}
					.slide img {display: block;}

				.image-nav .cycle-prev {
					float: left;
					width: 19px;
					height: 40px;
					overflow: hidden;
					cursor: pointer;
					position: absolute;
					top: 45%;
					left: 10px;
					z-index: 4;
					background: transparent url(../images/slider-sprite.png) no-repeat left top;
				}
				.image-nav .cycle-next {
					float: right;
					width: 19px;
					height: 40px;
					overflow: hidden;
					cursor: pointer;
					position: absolute;
					top: 45%;
					right: 10px;
					z-index: 4;
					background: transparent url(../images/slider-sprite.png) no-repeat right top;
				}
				.cycle-prev, .cycle-next {display: none; cursor: pointer; position: relative; position: relative;}

				.dynamic-nav .cycle-prev, .dynamic-nav .cycle-next {
					background: #fefefe none repeat scroll 0 0;
					border-radius: 40px;
					box-shadow: 1px 1px 2px 0 #333333;
					height: 24px;
					margin-top: -12px;
					opacity: 0;
					position: absolute;
					top: 50%;
					transition: all 0.5s ease 0s;
					width: 24px;
					z-index: 501;
				}
				.slider:hover .cycle-prev, .slider:hover .cycle-next {
					display: block;
					opacity: 0.4;
				}
				.slider .cycle-prev:hover, .slider .cycle-next:hover {
					opacity: 1;
				}

				.dynamic-nav .arrow {
					height: 0;
					left: 50%;
					margin-top: -6px;
					position: absolute;
					top: 50%;
					width: 0;
				}
				.dynamic-nav .cycle-prev {
					left: 10px;
				}

				.dynamic-nav .cycle-prev .arrow {
					border-bottom: 6px solid transparent;
					border-right: 6px solid #333;
					border-top: 6px solid transparent;
					margin-left: -4px;
				}

				.dynamic-nav .cycle-next {
					right: 10px;
				}

				.dynamic-nav .cycle-next .arrow {
					border-bottom: 6px solid transparent;
					border-left: 6px solid #333;
					border-top: 6px solid transparent;
					margin-left: -2px;
				}
				.cycle-pages {
					clear: both;
					float: left;
					display: inline;
					width: 100%;
					text-align: right;
					padding: 4px 30px;
					border-radius: 0 0 20px 20px;
					background: #333;
				}
					.cycle-pages span {
						display: inline-block;
						width: 18px;
						height: 18px;
						overflow: hidden;
						margin: 0 5px;
						cursor: pointer;
						text-indent: -9999px;
						font-size: 0px;
						color: #ffffff;
						border-radius: 20px;
						border: 3px solid #C3C3C3;
						background: #FFF10D;
					}
						.cycle-pages span:hover, .cycle-pages span.cycle-pager-active {
							background: #F70000;
						}
					.cycle-slideshow img {width: auto; height: auto;}
		/* Ens basic slider styles */

	#home-top {
		margin-top: 0;
	}
		#home-top ul {
			clear: both;
			float: left;
			display: inline;
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#home-top ul li {
				float: left;
				display: inline;
				width: 33.33%;
				padding: 20px;
				color: #fff;
				min-height: 200px;
				line-height: 1.5em;
				border-left: 1px dotted #ccc;
			}
				#home-top ul li:first-child {border-left: 1px dotted transparent;}
	#home-bottom {
		margin-bottom: 0;
	}
		#home-bottom ul {
			clear: both;
			float: left;
			display: inline;
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#home-bottom ul li {
				float: left;
				display: inline;
				width: 33.33%;
				padding: 20px;
				color: #fff;
			}
				#home-bottom ul li img {display: block;}
				.shadow-box {
					clear: both;
					float: left;
					display: inline;
					width: 100%;
					min-height: 202px;
					border: 1px solid #ccc;
					-webkit-box-shadow: 1px 1px 1px 0px #527278;
					box-shadow: 1px 1px 1px 0px #527278;
				}
					.hb-title {
						margin-top: -16px;
					}
						.hb-title h2 {
							display: inline-block;
							color: #fff;
							margin: 0 0 0 -1px;
							padding: 3px 8px;
							border: 1px solid #ccc;
							text-shadow: none;
							background: #252122 url(../images/hb-title.jpg) repeat-x left top;
						}
					.hb-content {padding: 5px;}
						.hb-content h3 {
							font-size: 16px;
							color: #fbec5d;
							padding: 0;
							margin-bottom: 10px;
							text-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.024);
						}
						img.center_content {
							float: right;
							margin: 0 10px 20px;
							padding: 1px 1px 1px 0;
						}
						img.right_content {
							float: left;
							padding: 5px 10px 1px 1px;
						}





/* Uncomment to remove default left nav category nav functionality. */
/*
.treeview li {background: 0 !important;}
div.hitarea {display: none !important;}

	.panel-catalog-categories ul {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.panel-catalog-categories ul li {
			display: block;
			list-style: none;
			padding: 0;
			margin: 0 0 5px;
		}
			.panel-catalog-categories ul li a {
				display: block;
				text-decoration: none;
			}
				.panel-catalog-categories ul li ul {display: none;}
				.panel-catalog-categories ul li.drop-down-menu-item-current ul, .panel-catalog-categories ul li a.parent + ul {display: block; padding-left: 20px;}
	.treeview a.selected {padding-bottom: 10px; color: #000 !important;}
	.treeview a.parent:after {
		float: right;
		text-align: right;
		content: ">";
	}
*/
.treeview a.selected {background: 0 !important;}
.treeview ul {background: 0 !important;}
.treeview .hover {color: #fff;}
	.mobile {display: none;}
	.fieldset select {height: auto;}
	.product-image ul {display: block; list-style: none; padding: 0 !important; margin: 0;}
	.product-image li {display: none; list-style: none;}
	.product-image li.active {display: block;}
	img {max-width: 100%;}
	#lightbox-container-image-box, #lightbox-container-image-data-box {max-width: 90% !important; max-height: 90% !important;}


	.drop-down-menu li#catalog-navigation-menu-view {display: none;}
	.container-main ul.star-rating {padding: 0;}

/*

*/

.catalog-view-display .catalog-product-add .input-quantity {display: none;}

img {max-width: 100%;}
body > iframe {display: none;}

.catalog-navigation ul {padding: 0; margin: 0; list-style: none;} .catalog-navigation ul li {padding: 0; list-style: none;}
.catalog-navigation .drop-down-menu-item {background: #526EA3;}

.catalog-view-display .catalog-product {
	float: left;
	display: inline;
	width: 33.33%;
	padding: 0;
	margin: 0;
	position: relative;
}
	.catalog-view-display .catalog-product:nth-child(3n+1) {
		clear: both;
	}
	#right .product-siblings .catalog-view-display .catalog-product {clear: both; width: 100%;}
	.mobile-navigation {display: none;}
	.catalog-product-hot-deal  {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 3;
	}
	
.icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #888;
}
.icon-bar + .icon-bar {
	margin-top: 4px;
}
.mobile-navigation {
	display: none;
	position:relative;
	float: right;
	width: 20%;
	margin-right: 2%;
}

.mobile-nav-toggle {
	float: right;
	padding: 5px;
}

.mobile-navigation-panel {
	display: none;
	margin: 0 0 20px 0;
	background: #000;
}

.mobile-navigation-panel ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: #efefef;
}
.mobile-navigation-panel ul > li {
	position: relative;
	display: block;
}
.mobile-navigation-panel ul > li > a, .mobile-navigation-panel ul > li > span {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.mobile-navigation-panel ul li.divider {
	border-bottom: solid 1px #afafaf;
}

.mobile-nav-subcategories-toggle {
	float: right;
	padding: 5px;
	margin-top: -5px;
	display: none;
}
.mobile-nav-subcategories-panel {
	display: none;
	background-color: #000;
}
.mobile-nav-subcategories-panel ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.mobile-nav-subcategories-panel ul > li {
	position: relative;
	display: block;
}
.mobile-nav-subcategories-panel ul > li > a,
.mobile-nav-subcategories-panel ul > li > span {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.mobile-only {display: none;}

.custom-home {margin-bottom: 25px;}

.shippers img, .shippers span {
	display: block;
	margin: 0 auto;
	text-align: center;
}
	.shipper-logo {
		min-height: 100px;
	}
	
	
	.signupframe {
		margin: 0 auto;
		border: none !important;
	}
		.signupframe td {padding: 5px;}
		.signupframe input[type="text"]{
			border: 1px solid #000;
			padding: 3px;
			border-radius: 0;
			background: #fff;
		}
	.layout-zone-slider {margin-bottom: 10px;}
	.panel {background: 0;}
	#left .panel {padding-left: 10px;}
	#right .panel {padding-right: 10px;}
	
	.page-catalog .container-main .layout-zone-content .wrap, .page-product .container-main .layout-zone-content .wrap {padding-top: 10px;}
	.page-cart .container-main .layout-zone-content .wrap,
	.page-one_page_checkout .container-main .layout-zone-content .wrap,
	.page-manage_wishlist .container-main .layout-zone-content .wrap {
		padding-right: 10px;
	}
	table.list thead tr th, .page-cart table.list tfoot, .page-cart .cart-totals .spacer {background: #333;}
	
@media screen and (max-width: 991px) {
	.mobilehide {display: none;}
	.mobile {display: block;}
	.page-home .container-header, .layout-zone-header, .container-header {height: auto;}
	.tabbed-navigation {display: none;}
	.mobilepad {padding: 5px;}
	.mobile-clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	.mobile-clearfix {display:inline-block;}
	#logo {width: 70%;}
	#header-right {display: none;}
	#account-links {display: none;}
	#footer-links {display: none;}
	#home-bottom ul li {float: none; display: block; margin: 10px auto; min-width: 260px; max-width: 100%;}
	.mobile-navigation, .mobile-only {display: block;}
	.mobile-nav-subcategories-toggle {
		display: block;
	}
	.page .layout-zone-header {width: 100%;}
	.page .layout-zone-menu, .page .layout-zone-navigation {display: none;}
	.home-container {width: 100% !important;}

	.mobile-nav-subcategories-toggle > .icon-bar + .icon-bar {
		width: 80%;
	}

	.page .layout-zone-header {
		min-height: 0;
	}
	#header > .container-menu {
		display: none;
	}
	.page .image-logo {
		margin: 0;
		display: block;
		max-width: 100%;
		height: auto;
	}
	.mobile-navigation {
		display: block;
	}
	#site-container > .container-navigation {
		display: none;
	}
	.page .image-home {
		margin: 0;
		display: block;
		max-width: 100%;
		height: auto;
	}
	.page .container-wrap, .doc800x600C, .doc800x600L, .doc1024x768L, .doc1280x1024C, .doc1280x1024L {
		width: 100% !important;
	}
	.container-main .layout-zone-left {
		display: none;
	}
	
	.container-main .layout-zone-right {
		clear: both;
		width: 100% !important;
	}

	#right .panel {padding-left: 0;}
	
	#catalog-navigation-menu-pagesize, #catalog-navigation-menu-view {
		display: none;
	}

	.page-signup .fieldset .field label {
		width: 100% !important;
	}
	.fieldset .field label {
		padding-left: 0;
	}
	.page-signup .fieldset .field div {
		margin-left: 0;
	}
	.fieldset input[type="text"], .fieldset input[type="password"], .fieldset select {
		width: 100%;
	}

	.page-login #content .col-50, .page-product #content .product-page-center .col-50 {
		width: 100%;
	}

	.page-login #content .col-50.col-left .spacer {
		border: none;
	}

	.page-product .product-print {
		display: none;
	}

	.page-cart #form-cart div.gap-right div.col-wrap div.col-50,
	.page-cart #form-cart div.cart-other-options div.col-50 {
		width: 100%;
	}

	.page-cart #form-cart div.cart-other-options div.col-50 > .spacer {
		margin: 0;
	}

	.page-cart #form-cart div.gap-right div.col-wrap div.col-50:first-child,
	.page-cart #form-cart div.cart-other-options div.col-50:first-child {
		display: none;
	}

	#form-cart > .gap-right {
		display: none;
	}

	#form-cart > .gap-right > .col-wrap > .col-right > .col-wrap > div {
		margin-top: 30px;
	}
	#form-cart > .gap-right > .col-wrap > .col-right > .col-wrap > div:first-child {
		margin-top: 0;
	}
	#form-cart > .gap-right > .col-wrap > .col-right > .col-wrap > div > span {
		display: none;
	}
	#form-cart .cart-totals > div > div > div > div {
		margin-top: 15px;
		width: 100%;
		text-align: right;
	}
	#form-cart .cart-totals > div > div > div > div:first-child {
		margin-top: 0;
	}
	.page-cart .cart-paypal-or{
		display: none;
	}

	#form-cart table td {
		overflow: hidden;
	}

	#opc-billing-form .col-wrap .col-50, #opc-shipping .col-wrap .col-50 {
		width: 100%;
	}

	.page-opc > div > div > div.col-75, .page-opc > div > div > div.col-25 {
		float: none;
		width: 100%;
	}

	.page-opc > div > div > div.col-75 > .gap-right {
		margin-right: 0;
	}

	.page-opc > div > div > div.col-25 > .gap-left {
		margin-left: 0;
	}

	#opc-billing-form table.fieldset tr.field td div input[type="text"],
	#opc-billing-form table.fieldset tr.field td div input[type="password"],
	#opc-billing-form table.fieldset tr.field td div select {
		width: 100% !important;
	}

	#opc-payment-inner .col-wrap .col-50,
	#opc-payment-inner .col-wrap .col-30,
	#opc-payment-inner .col-wrap .col-70 {
		width: 100%;
	}

	.page-opc .payment-methods-form-wrapper {
		overflow: hidden;
		float: none;
		width: 100%;
		max-width: 100%;
		clear: both;
	}

	#opc-button-complete {
		width: 100%;
		clear: both;
		margin-top: 10px;
	}

	#opc-invoice-totals{border-bottom:2px solid #888888;}

	#-opc-dialog-login{position:fixed;width:100%;height:100%;top:30px;left:0px;margin:10px;}
	.page-cart .cart-image{width:100px;}
	.page-cart .cart-description{margin-left:115px;}
	.logo {margin-left: 2%;}
	#content.layout-zone-content {width: 100% !important; box-sizing: border-box; padding: 0px 15px;}
	.page-page #content.layout-zone-content {padding: 15px;}
	.search-row {
		padding: 10px 15px;
	}
	.mobile-navigation-panel ul > li {clear: both; float: left; display: inline; width: 100%;}
		#s-mobile {
			float: left;
			display: inline;
			width: 80%;
			padding: 10px 5px;
			font-size: 12px;
			line-height: 14px;
			box-sizing: border-box;
		}
		#search-go-mobile {
			float: right;
			display: inline;
			width: 19%;
			padding: 10px 5px;
			font-size: 12px;
			line-height: 14px;
			box-sizing: border-box;
		}
		
		.framed-block {padding: 10px; margin: 0;}
		.fieldset .field label, .fieldset .field.title {float: none; display: block;}
		.framed-block .fieldset .field div {display: block; margin-left: 0; margin-right: 0;}
		.page-profile.wrap > .spacer {padding: 0;}
		.fieldset .field label[for="receives_marketing"] {display: inline;}
	
		#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {max-width: 100% !important;}
		#colorbox, #cboxContent, #cboxLoadedContent {max-width: 100% !important;}
		
		#cboxContent {border-radius: 4px;}
		#cboxWrapper {width: 100% !important;}
		
		#cboxTopLeft, #cboxMiddleLeft, #cboxBottomLeft, #cboxTopRight, #cboxMiddleRight, #cboxBottomRight, #cboxTopCenter, #cboxBottomCenter {display: none;}
		#cboxWrapper {box-sizing: border-box; padding: 0 15px;}
		#colorbox, #cboxContent, #cboxLoadedContent {box-sizing: border-box;}
		.fieldset .field label, .fieldset .field > div {float: none; display: block; margin: 2px 0;}
}
@media screen and (max-width: 1190px) {
	#site-container {width: 100%;}
}

@media screen and (max-width: 767px) {
	.catalog-view-display .catalog-product {
		clear: both;
		width: 100%;
	}
	.tabbed-navigation {display: none;}
	.logo {margin-left: 2%;}
	.page .layout-zone-header {width: 100%;}
	.page .layout-zone-menu, .page .layout-zone-navigation {display: none;}
	.home-container {width: 100% !important;}
	.page-cart .cart-image{width:50px;}
	.page-cart .cart-description{margin-left:65px;}
	.product-review-item.col-wrap .col-30 {clear: both; width: 100%;}
	.product-review-item.col-wrap .col-70 {clear: both; width: 100%;}
}
@media screen and (max-width: 640px) {
	#home-top ul li {
		float: none;
		border: none;
		display: block;
		width: 80%;
		min-height: 0;
		margin: 10px auto;
	}
}
@media screen and (max-width: 320px) {
	#home-bottom ul li {width: 100%; min-width: 100%; max-width: 100%;}
}