/* #### Main Styles #### */
body { margin: 0; padding: 0; color: #3d3125; font-size: 14px; font-family: Roboto, Arial, sans-serif; background: #fdfdfd url('../../images/background_page.png') top center repeat-x; }
a { color: #3d3125; text-decoration: none; }
a:hover { color: #a67d4d; }
a, a:active, a:focus { outline: 0; }
p { padding: 4px 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { font-size: 24px; font-weight: normal; font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; letter-spacing: 0.5px; }
h2 { font-size: 17px; color: #3d3125; font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; }
button, a.button, input[type="reset"], input[type="submit"], input[type="button"] { text-shadow: none; font-weight: normal; display: inline-block; vertical-align: middle; border: 0px; background: #3d3125; background-image: none; color: #FFF; text-transform: uppercase; font-size: 14px; cursor: pointer; margin: 5px; }
button:hover, a.button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { background: #c0d399; }
img { max-width: 100%; height: auto; }

/* #### Sliders #### */
.als-container { position: relative; width: 100%; margin: 0px auto; z-index: 0; }
.als-viewport { position: relative; overflow: hidden; margin: 0px auto; }
.als-wrapper { position: relative; list-style: none; margin: 0px; padding: 0px; }
.als-item { position: relative; display: block; text-align: center; cursor: pointer; display: inline-block; float: left; margin: 0px 8px; zoom: 1; *display: inline; }
.als-prev, .als-next { position: absolute; cursor: pointer; clear: both; }
.als-prev { left: 10px; }
.als-next { right: 10px; }

/* #### Header #### */
#header-container { width: 100%;  }
#header-container #header { max-width: 1080px; margin: 0px auto; height: 140px; background: transparent url('../../images/background_header.png') 315px 20px no-repeat; position: relative; }
#header-container #header #logo-container { z-index: 99; display: inline-block; position: absolute; font-size: 0px; margin-top: 10px;  display: inline-block; }

#header-container #header #cart-links { list-style: none; display: inline-block; float: right; margin: 0px; padding: 0px; font-size: 13px; font-family: RobotoCondensed, Tahoma, sans-serif; }
#header-container #header #cart-links li { list-style: none; display: inline-block; margin: 0px; padding: 0px; }
#header-container #header #cart-links li:after { content: "|"; }
#header-container #header #cart-links li:last-child:after { content: ""; }
#header-container #header #cart-links li a { display: inline-block; vertical-align: middle; text-transform: uppercase; padding: 10px 5px; }
#header-container #header #cart-links li:last-child a { padding-right: 0px; }
#header-container #header #cart-links #cart-link a { padding-left: 25px; padding-right: 3px; background: transparent url('../../images/icon_20x20_cart.png') 2px 8px no-repeat; }


#cartlinks-container { position: relative; z-index: 9999; }


#header-container #header #search-box { clear: both; float: right; width: 177px; height: 20px; padding: 5px 0px; white-space: nowrap; background: transparent url('../../images/background_search.png') center center no-repeat; }
#header-container #header #search { width: 140px; height: 20px; line-height: 20px; vertical-align: top; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 0px; border: 0px none; background: transparent; font-size: 12px; color: #bfbfbf; font-family: RobotoCondensed, Tahoma, sans-serif; }
#header-container #header #search:focus { border: 0px none; box-shadow: none !important; }
#header-container #header #search-button { width: 20px; height: 20px; text-indent: -999em; border: 0px; background: transparent none; }
#header-container #header #social-media-container { clear: both; float: right; margin-top: 35px; }
#header-container #header #social-media-container ul, #header-container #header #social-media-container ul li { list-style: none; margin: 0px; padding: 0px; vertical-align: middle; display: inline-block; zoom: 1; *display: inline; }
#header-container #header #social-media-container ul li a { display: block; padding: 2px 0px; }
#header-container #header #social-media-container ul li:last-child a { padding-right: 0px;  }

/* #### Navigation ####
#navigation-container { height: 50px; background: transparent url('../../images/background_navigationbar.png') center center repeat-x; z-index: 999; position: relative; }
#navigation-container #main-navigation { width: 1000px; margin: 0px auto; height: 50px; }
#navigation-container #main-navigation #main-nav { position: absolute; z-index: 9999; margin-left: 235px; text-align: center; }
#navigation-container #main-navigation #main-nav>ul { list-style: none; padding: 0px; margin: 0px; text-align: center; }
#navigation-container #main-navigation #main-nav>ul>li { list-style: none; display: inline-block; zoom: 1; *display: inline; }
#navigation-container #main-navigation #main-nav>ul>li>a { display: block; height: 50px; vertical-align: middle; line-height: 50px; padding: 0px 9px; font-size: 16px; zoom: 1; *display: inline; }
#navigation-container #main-navigation #main-nav ul ul { position: absolute; margin-top: -3px; display: none; width: 200px; background: #FFF url('../../images/background_page.png') top center repeat-x; border: 1px solid #6b6259; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); padding: 0px; font-size: 14px; }
#navigation-container #main-navigation #main-nav ul li:hover>ul { display: block; }
#navigation-container #main-navigation #main-nav ul ul li { display: block; text-align: left; padding: 0px; }
#navigation-container #main-navigation #main-nav ul ul li a { display: block; padding: 2px 10px; }
#navigation-container #main-navigation #main-nav ul ul ul { margin-left: 180px; margin-top: -15px; }
 */

		#nav-container { position: relative; height: 50px; background: transparent url('../../images/background_navigationbar.png') center center repeat-x; }
		#nav-main { margin: 0px auto;  max-width: 1000px; }
		#nav-place { position: absolute; margin-left: 235px; }
		#nav { position: relative;  }
		#nav li { list-style: none; }

			#nav > a {
				display: none;
			}

			#nav li {
				position: relative;
			}
				#nav li a {
					display: block;
					text-decoration: none;
				}
				#nav li a:active {
					background-color: transparent;
				}


			/* first level */

			#nav > ul {
				height: 2.25em;
				background-color: transparent;
				padding: 0; margin: 0;
			}
				#nav > ul > li {
					float: left;
				}
					#nav > ul > li > a {
						font-size: 1.125em;
						padding: .75em .5em;
						vertical-align: middle;
					}
						#nav > ul > li:not( :last-child ) > a {
							/* border-right: 1px solid #cc470d; */
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a {
							/* background-color: transparent; */
						}


				/* second level */

				#nav li ul {
					z-index: 99;
					/* background-color: transparent; */
					display: none;
					position: absolute;
					min-width: 175px;
					padding: 0; margin: 0;
					border: 1px solid #333;
					background: #FFF url('../../images/background_page.png') top center repeat-x; border: 1px solid #6b6259; box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
				}
					#nav li:hover > ul {
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul {
							/* left: -1px; */
						}
						#nav li ul a {
							font-size: 1em;
							/* border-top: 1px solid #fff; */
							padding: .25em .5em;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a {
								/* background-color: transparent; */
							}

				/* third level */

				#nav li ul li ul {
					/* background-color: transparent; */
					display: none;
					position: absolute;
					left: 150px !important;
					min-width: 133px;
					top: 0;
					z-index: 3;
					background: #FFF url('../../images/background_page.png') top center repeat-x; border: 1px solid #6b6259; box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
				}
					#nav li ul li:hover ul {
						display: block;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul li ul {
							/* left: -1px; */
						}
						#nav li ul li ul a {
							font-size: .875em;
							/* border-top: 1px solid #e15a1f; */
							padding: .25em .5em;
						}
							#nav li ul li ul li a:hover,
							#nav li ul li ul:not( :hover ) li.active a {
								/* background-color: transparent; */
							}



#homepage-extras { margin-top: 15px;  }
#homepage-extras #homepage-bloginfo { display: inline-block; max-width: 300px; min-height: 170px; margin: 8px; padding: 12px; background: transparent url('../../images/background_smallbox.png') center center no-repeat; background-size: 100% 100%; font-family: RobotoCondensed, Tahoma, sans-serif; zoom: 1; *display: inline; }
#homepage-extras #homepage-bloginfo div:first-child { height: 155px; overflow: hidden; }
#homepage-extras #homepage-bloginfo div:first-child img, #homepage-extras #homepage-bloginfo div:first-child inupt[type='image'] { float: right; margin: 0px 0px 10px 10px; }
#homepage-extras #homepage-bloginfo div:last-child { clear: both; font-style: italic; }
#homepage-extras #homepage-bloginfo div:last-child a { display: inline-block; float: right; font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; font-weight: bold; padding-left: 13px; font-style: normal; background: transparent url('../../images/icon_10x10_rightarrow.png') center left no-repeat; text-align: center; zoom: 1; *display: inline; }
#homepage-extras #homepage-featuredslider-container { width: 630px; min-height: 173px; display: inline-block; float: right; padding: 12px; margin: 8px; background: transparent url('../../images/background_widebox.png') center center no-repeat; background-size: 100% 100%;   }
#homepage-extras #homepage-featuredslider-container h2 { text-align: center; margin: 0px; }

.home-slider { max-width: 100% !important; text-align:center; padding: 0px; margin: 0px auto; }	

/* #### Footer #### */
#footer-container { clear: both; width: 100%; margin: auto; background: transparent url('../../images/background_footer.png') top center repeat; }
#footer-container #footer { max-width: 1080px; margin: 0px auto; padding: 15px 0px 0px; text-align: center; }
#footer-container #footer #footer-col1 { display: inline-block; width: 375px; min-height: 140px; vertical-align: top; float: left; background: transparent url('../../images/divider_vertical_small.png') center right no-repeat; zoom: 1; *display: inline; }
#footer-container #footer #footer-col1 #footer-col1-top>div { display: inline-block; vertical-align: top; width: 80px; padding: 5px 9px 10px 0px; text-align: left; zoom: 1; *display: inline; }
#footer-container #footer #footer-col1 #footer-col1-top>div#footer-col1-menu1 { width: 130px; }
#footer-container #footer #footer-col1 #footer-col1-top>div ul, #footer-container #footer #footer-col1 #footer-col1-top>div ul li { list-style: none; margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-family: RobotoCondensed, Tahoma, sans-serif; }
#footer-container #footer #footer-col1 #footer-col1-bottom { font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; font-weight: bold; line-height: 26px; vertical-align: middle; padding-top: 1px; margin: 0px background: transparent url('../../images/divider_horizontal_small.png') top center no-repeat; }
#footer-container #footer #footer-col1 #footer-col1-bottom img, #footer-container #footer #footer-col1 #footer-col1-bottom inupt[type='image'] { vertical-align: middle; margin: 0px 0px 0px 4px; }
#footer-container #footer #footer-col2 { display: inline-block; width: 245px; min-height: 150px; zoom: 1; *display: inline; }
#footer-container #footer #footer-col2 #footer-col2-top { margin: 10px 0px; }
#footer-container #footer #footer-col2 #newsletter-subscribe-label { display: inline-block; vertical-align: middle; width: 30px; height: 30px; padding: 0px; margin: 0px; background: transparent url('../../images/icon_30x30_hand.png') center right no-repeat; text-indent: -999em; overflow: hidden; zoom: 1; *display: inline; }
#footer-container #footer #footer-col2 #newsletter-subscribe { display: inline-block; vertical-align: middle; width: 165px; height: 30px; line-height: 30px; padding: 0px 10px; margin: 0px; border: 0px none; background: transparent url('../../images/background_input.png') center right no-repeat; font-size: 14px; color: #bfbfbf; font-family: RobotoCondensed, Tahoma, sans-serif; zoom: 1; *display: inline; }
#footer-container #footer #footer-col2 #newsletter-subscribe:focus { border: 0px none; box-shadow: none; }
#footer-container #footer #footer-col2 #newsletter-subscribe-button { display: inline-block; vertical-align: middle; width: 30px; height: 30px; padding: 0px; margin: 0px; border: 0px none; background: transparent url('../../images/button_30x30_okay.png') center right no-repeat; text-indent: -999em; overflow: hidden; zoom: 1; *display: inline; }
#footer-container #footer #footer-col2 #footer-col2-bottom p { display: block; height: 30px; line-height: 30px; padding: 0px; margin: 0px; color: #cfd6ec; font-size: 12px; vertical-align: middle; background: transparent url('../../images/banner_brown.png') center center no-repeat; font-family: Avro, serif; margin-top: 10px; }
#footer-container #footer #footer-col3 { display: inline-block; width: 375px; min-height: 150px; vertical-align: top; float: right; background: transparent url('../../images/divider_vertical_small.png') center left no-repeat; text-align: center; zoom: 1; *display: inline; }
#footer-container #footer #footer-col3 #footer-col3-top { text-align: center; padding-bottom: 15px; background: transparent url('../../images/divider_horizontal_small.png') bottom center no-repeat; }
#footer-container #footer #footer-col3 #footer-col3-top h2 { vertical-align: middle; line-height: 30px; }
#footer-container #footer #footer-col3 #footer-col3-top h2 img, #footer-container #footer #footer-col3 #footer-col3-top h2  inupt[type='image'] { vertical-align: middle; position: relative; margin-top: -3px;  }
#footer-container #footer #footer-col3 #footer-col3-bottom { padding: 15px 10px 10px; }
#footer-container #footer #footer-col3 #footer-col3-bottom img, #footer-container #footer #footer-col3 #footer-col3-bottom inupt[type='image'] { margin-top: 5px; }
#footer-col1-bottom { display: none; }

/* #### Absolute Footer #### */
#absolute-footer-container { clear: both; width: 100%; margin: auto; background: #cfd6ec; }
#absolute-footer-container #absolute-footer { max-width: 1080px; margin: 0px auto; text-align: center; padding: 4px 10px; font-family: RobotoCondensed, Tahoma, sans-serif; }
#absolute-footer-container #absolute-footer p { display: inline-block; padding: 0px 10px; margin: 0px; line-height: normal; vertical-align: top; zoom: 1; *display: inline; }
#absolute-footer-container #absolute-footer a { font-weight: bold; }



/* #### Main #### */
#page-container { width: 100%; margin:0; padding: 0; }
#main-container { max-width: 1080px; margin: 0px auto; }
#main-content { min-height: 400px; max-width: 1024px; margin: 0px auto; /* padding: 85px 10px 25px; */ }
.breadcrumb { display: inline-block; white-space: nowrap; zoom: 1; *display: inline; }
#side-navigation { width: 140px; padding: 20px 10px 20px 0px; display: inline-block; vertical-align: top; font-family: RobotoCondensed, Tahoma, sans-serif; zoom: 1; *display: inline; }
#side-navigation ul, #side-navigation ul li { display: block; list-style: none; padding: 0px; margin: 0px; }
#side-navigation ul li ul { display: none; }
#side-navigation ul li { font-size: 16px; }
#side-navigation ul li li { padding-left: 15px; font-size: 14px; }
#side-navigation ul li li li { font-size: 13px; }
#side-navigation ul li.active ul { display: block; }
#side-navigation ul li.active>a { font-weight: bold; }
.paging .box { display: inline-block; height: 20px; width: 20px; text-align: center; background: #bcccd9; border: 1px solid #bcccd9; margin: 0px 3px; zoom: 1; *display: inline; }
.paging .box:hover, .paging .current { background: #FFF; }
.paging .previous, .paging .previous:hover { background: #3d3125 url('../../images/button_pager_left.png') center center no-repeat; text-indent: -999em; }
.paging .next, .paging .next:hover { background: #3d3125 url('../../images/button_pager_right.png') center center no-repeat; text-indent: -999em; }
#page-content { max-width: 845px; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#content .content-title { font-size: 24px; font-weight: normal; font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; letter-spacing: 0.5px; margin-bottom: 15px; }



/* #### Homepage #### */
#index #main-content { padding-top: 20px; }

#content #main-content { padding-top: 65px; }


#contact-container { padding-top: 65px; }

/* #### Category #### */
#category #main-content { padding-top: 65px; }
#category #page-content>h1 { position: absolute; margin: -999em; text-indent: -999em; }
#category .category-pager { float: right; }
#product-grid { clear: both; display: block; padding: 15px 0px 0px; margin: 0px; }
#product-grid, #product-grid li { list-style: none; }
#product-grid li { display: inline-block; width: 200px; min-height: 324px; vertical-align: top; background: #FFF; margin: 0px 10px 25px 0px; box-shadow: 1px 1px 2px rgba(0,0,0,0.4); padding: 0px; zoom: 1; *display: inline; }
#product-grid li:nth-child(4n + 4) { margin-right: 0px; }
#product-grid li .item_thumb { width: 200px; height: 200px; }
#product-grid li .item_thumb img, #product-grid li .item_thumb inupt[type='image'] { width: 200px; height: 200px; }
#product-grid li .catcode, #product-grid li .manname { display: none; }
#product-grid li .color-selector { padding: 2px 10px; min-height: 20px; }
#product-grid li .itemname { padding: 2px 10px; height: 66px; line-height: 22px; overflow: hidden; font-weight: bold; font-size: 16px; font-family: RobotoCondensed, Tahoma, sans-serif; }
#product-grid li .price { padding: 2px 10px; font-size: 16px; float: left }
#product-grid li .itemshortdesc { float: right; padding: 2px 10px; }
#product-grid li .itemshortdesc p { display: inline; }
#product-grid li .itemshortdesc strong { font-weight: normal; }
#product-grid li .newicon { display: none; }
#product-grid li .notprice { text-decoration: line-through; }
#product-grid li .saleprice { color: #9fb66f; }
#product-grid .item-message { display: none; }
.categorylongdesc { display: inline; }
.category-header { padding: 15px 0px; background: transparent url('../../images/divider_wide_blue.png') bottom center no-repeat; font-size: 14px; margin-bottom: 10px; }
.category-header .cat-main-image { display: block; float: left; vertical-align: top; margin: 0px 10px 10px 0px; text-align: center; }
.category-header .cat-image { display: inline-block; vertical-align: top; margin: 0px 3px 10px; width: 135px; text-align: center; zoom: 1; *display: inline; }
.category-header img { display: block; }
.category-header:after { content: ""; clear: both; }
.cat-product-form { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,0.4); }
.cat-product-form .product-box { display: block; width: 300px; margin: 200px auto 0px; vertical-align: middle; padding: 15px; background: #FFF; border-radius: 10px; }
.cat-product-form .product-box .product-box-close { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; vertical-align: middle; position: absolute; margin: -30px 0px 0px 300px; background: #3d3125; color: #FFF; font-size: 18px; font-weight: bold; border-radius: 15px; }
.cat-product-form .product-box .product-box-close:hover { background: #c0d399; }
.cat-product-form .product-box #additional-info { display: none; }
.cat-product-form .product-box .buy { font-size: 0px; text-align: center; white-space: nowrap; color: #FFF; margin-top: 10px; }
.cat-product-form .product-box .buy b, .cat-product-form .buy .quantity-ctrl { font-size: 14px; color: #3d3125; margin: 5px; vertical-align: middle; }
.cat-product-form .product-box h1 { font-size: 18px; margin-bottom: 10px; text-align: center; padding: 0px 15px; font-weight: bold; }
.cat-product-form .product-box .price { float: none !important; font-weight: bold; margin-bottom: 10px; text-align: center; }
#product-grid li .quick-add { position: absolute; display: none; margin: -25px 0 0 55px; }
/* #product-grid li:hover .quick-add { display: block; } */
.category-10 #product-grid li:hover .quick-add { display: block; }
#product-grid li .quick-add a { display: inline-block; vertical-align: middle; border: 0px; background: #3d3125; background-image: none; color: #FFF; text-transform: uppercase; font-size: 14px; margin-right: 10px; padding: 3px 10px; border-radius: 5px; }
#product-grid li .quick-add a:hover { background: #c0d399; }
#shop-by-manufacturer { margin-top: 20px; }
#shop-by-manufacturer h2 { font-weight: bold; font-family: Roboto, Arial, sans-serif !important; font-size: 15px !important; }
#shop-by-manufacturer select { width: 135px; }
#shop-by-extra h2 { font-weight: bold; font-family: Roboto, Arial, sans-serif !important; font-size: 15px !important; }
#shop-by-extra { margin-top: 20px; }

/* #### Search #### */
.search #page-content>h1 { position: relative !important; margin: 0px !important; text-indent: 0px !important; }
.catpager { float; right; text-align: right; }
.search .category-pager { display: none; }

/* #### Product #### */
#product #main-content { padding-top: 65px; }
#product-prevnext { display: inline-block; float: right; padding: 2px 4px; background: #bcccd9; font-size: 12px; zoom: 1; *display: inline; }
#product-prevnext .prev { display: inline-block; padding: 0px 5px 0px 13px; background: transparent url('../../images/button_prevnext_left.png') center left no-repeat; }
#product-prevnext .next { display: inline-block; padding: 0px 13px 0px 5px; background: transparent url('../../images/button_prevnext_right.png') center right no-repeat; }
#product .als-viewport { min-width: 384px; }
#product .als-item { width: 80px; height: 80px; text-align: center; line-height: 80px; vertical-align: middle; }
#product .als-item img, #product .als-item inupt[type='image'] { vertical-align: middle; max-height: 80px; max-width: 80px; }
#product .als-next { right: 0px; top: 35px; }
#product .als-prev { left: 0px; top: 35px; }
#product #page-innercontent { font-size: 0px; white-space: nowrap; }
#product #page-innercontent>div { font-size: 14px; white-space: normal; }
#product #image-column { display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding-top: 20px; width: 400px; margin-right: 20px; }
#product #content-column { display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding-top: 20px; width: 420px; }
#product #content-column h1 { font-size: 22px; font-family: RobotoCondensed, Tahoma, sans-serif; line-height: normal; }
#product #content-column .catcode { font-size: 12px; }
#product #content-column .manname { font-size: 12px; }
#product .price { display: block; padding: 5px 0px; font-size: 20px; }
#product .price .notprice { text-decoration: line-through; }
#product .price .saleprice { color: #9fb66f; }
#product #product-tabs { padding: 0px; }
#product #product-tabs a { display: inline-block; font-weight: bold; margin: 0px 0px -2px; padding: 4px 20px; background: #bcccd9; border: 2px solid #bcccd9; border-bottom: 0px; }
#product #product-tabs a.active, #product-tabs a:hover { background: #FFF; }
#product #product-content { background: #FFF; padding: 10px 15px; border: 2px solid #bcccd9; }
#product #product-content>div { display: none; }
#product #product-content>div.active { display: block; }
#product #product-content>div img, #product-content>div input { max-width: 100%; }
#product #product-form .itemprice { display: none; }
#product #product-form table { width: 100%; }
#product #product-form table .opt-ctrl { padding-top: 10px; font-weight: bold; }
#product #product-form table .option2 { padding-bottom: 10px; background: transparent url('../../images/divider_blue.png') bottom center no-repeat; }
#product #product-form table .option_images a { margin: 2px 5px; }
#product #product-form .buy { padding: 15px 0px; vertical-align: middle; font-size: 0px; color: #fcfcfc; text-align: center; background: transparent url('../../images/divider_blue.png') bottom center no-repeat; }
#product #product-form .buy b { font-size: 14px; font-weight: bold; display: inline-block; vertical-align: middle; color: #3d3125; }
#product #product-form .buy .quantity-ctrl { text-align: center; vertical-align: middle; margin: 0px 20px 0px 10px; }
#product #product-form .buy .sm-button { display: inline-block; vertical-align: middle; border: 0px; background: #3d3125; background-image: none; color: #FFF; text-transform: uppercase; font-size: 14px; margin-right: 10px; }
#product #product-form .buy .sm-button:hover { background: #c0d399; }
#product #product-form .buy #additional-info .sm-button { font-size: 12px; }
#product #product-form .buy #Availability { margin: 15px 25px; border: 2px solid #bcccd9; padding: 10px 15px; text-align: left; font-size: 13px; color: #3d3125; }
#product #product-form .buy #Availability .optionname { width: 50%; padding: 0px 5px; display: inline-block; zoom: 1; *display: inline; }
#product #product-form .buy #Availability .even { background: #ebeff2; }
#product #product-form .buy #Availability .item-message-inventory:hover { background: #e4dea7; }
#product #product-form .buy #Availability .numofitems { font-weight: bold; display: inline-block; padding: 0px 5px; zoom: 1; *display: inline; }
#product #product-form .buy #Availability .outofstock { text-transform: uppercase; color: #990000; }
#product #product-form .buy #Availability .total { text-transform: capitalize; font-weight: bold; font-size: 16px; text-align: center; display: none; }
#product #product-form .buy #Availability .optionmsg { text-transform: capitalize; }
#product #relatedproduct-title { color: #bcccd9; vertical-align: middle; display: inline-block; margin: 15px 0px -10px 115px; position: relative; z-index: 98; background: #fdfdfd; }
#product #relatedproduct-slider { display: block; position: relative; z-index: 8; width: 418px; height: 95px; margin: 0px auto; background: transparent url('../../images/background_likebox.png') center center no-repeat; }
#product #relatedproduct-slider .als-item { width: 65px; height: 65px; text-align: center; line-height: 65px; vertical-align: middle; margin: 15px 7px; }
#product #relatedproduct-slider .als-item img, #product #relatedproduct-slider .als-item inupt[type='image'] { vertical-align: middle; max-height: 65px; max-width: 65px; }
#product #relatedproduct-slider .als-next { right: 3px; top: 45px; }
#product #relatedproduct-slider .als-prev { left: 3px; top: 45px; }
#product #product-form .buy #additional-info .sm-button { background: transparent; color: #3d3125; font-weight: bold; }
#product #product-form .buy #additional-info .sm-button:hover { background: transparent; color: #a67d4d; }
#product #product-share-container { margin-top: 20px; padding-top: 5px; background: transparent url('../../images/divider_blue.png') top center no-repeat; }
#product #product-share { font-size: 12px; text-align: center; white-space: nowrap; vertical-align: middle; padding: 15px; background: transparent url('../../images/divider_blue.png') bottom center no-repeat; line-height: 25px; }
#product #product-share div { display: inline-block; vertical-align: middle; }
#product #product-share a { margin: 5px 5px 0px 2px; }
#product #product-share .wishlist a { display: inline-block; height: 23px; width: 105px; overflow: hidden; text-indent: -999em; font-size: 0px; background: transparent url('../../images/button_105x23_wishlist.png') bottom center no-repeat; position: relative; vertical-align: top; margin-top: -5px; }
#product #product-share a.addthis_button_email { margin-left: 10px; }
.item-error { border: 1px solid #990000; color: #990000; padding: 10px 15px; background: #f4bebe; margin-bottom: 10px; }
.item-message { border: 1px solid #009900; color: #009900; padding: 10px 15px; background: #c8f3c8; margin-bottom: 10px; }

/* #### Email Popup #### */
body.emailpop, .emailpop>div { width: 100%; max-width: 100%; min-width: auto; }
.emailpop>div p { padding: 15px; }
.emailpop h1 { display: block; text-align: center; padding: 10px 25px; color: #FFF; background: #3d3125; font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; font-weight: normal; text-transform: uppercase; }

/* #### User Pages #### */
#user #main-content { padding-top: 75px; }
.register-form { margin-top: 15px; }
.register-form td { padding: 5px 10px; }
.login-form { margin-top: 15px; }
.login-form td { padding: 5px 10px; }
.logintable { margin: 0px auto; }

/* #### Cart #### */
#cart {}
#cart #main-content { padding-top: 45px; }
.cart-header-message, .confirmation-header { text-align: center; margin-bottom: 10px; }
.carttable td { padding: 5px 10px; border: 1px solid #cfd6ec; }
.carttable th { color: #3d3125; background: #cfd6ec; padding: 5px 10px; text-align: center; }
.cartbottom { text-align: right; vertical-align: top; }
.cartbottom * { vertical-align: top; }
.longbutton, .longbutton:hover { background: transparent !important; color: #3d3125 !important; }
.cartbottom .longbutton { float: left; }
#checkout #main-container { padding-top: 45px; }
#checkout .billing-head { padding-top: 15px; font-size: 17px; color: #3d3125; font-family: Avro, "Rockwell Extra Bold", "Rockwell Bold", monospace; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; }
.optioncell0 { font-size: 12px; }
.carttable td.carttotalrow { color: #3d3125; background: #cfd6ec; }
.carttable td.grandtotalrow { color: #3d3125; background: #cfd6ec; font-size: 18px; }
.item_cart_thumb { float: left; margin: 0px 10px 10px 0px; }
.questionstable { margin: 15px auto; }
.checkouttxt { text-align: center; }
.billing-table { margin-top: 15px; }
.billing-table td { padding: 5px 10px; }
.billing-table td:first-child { text-align: right; }
.billing-table td:last-child { text-align: left; }

.billingrow td { text-align: left; }
.billingrow-on td { text-align: left; }

.payment-type { display: block; padding: 5px 0; }
.payment-type label { font-weight: bold;  }
.payment-method {  }
.payment-line { display: inline-block; width: 87px; text-align: right; padding: 5px 0; }
.payment-input { display: inline-block;  padding: 5px 0; }

.cart-error { border: 1px solid #990000; color: #990000; padding: 10px 15px; background: #f4bebe; margin-bottom: 10px; text-align: center; text-transform: none; margin-top: 25px; }
.cart-message { border: 1px solid #009900; color: #009900; padding: 10px 15px; background: #c8f3c8; margin-bottom: 10px; text-align: center; text-transform: none; margin-top: 25px; }

/* #### Checkout #### */
#checkout #main-content { padding-top: 45px; }
.confirm-button { text-align: right; }

.checkout-table { margin: auto; width: 100%; text-align: center; }
.checkout-table-cell { display: inline-block; vertical-align: top; }

/* #### Wishlist #### */
#wish #main-content { padding-top: 75px; }
.wishlisttable td { padding: 5px 10px; border: 1px solid #cfd6ec; }
.wishlisttable th { color: #3d3125; background: #cfd6ec; padding: 5px 10px; text-align: center; }
.wlistsearch td { padding: 5px 10px; }
.wishtable { margin-top: 15px; }

/* #### FAQ #### */
.faq-table { list-style: none; }
.faq-table>li { padding-left: 15px; background: transparent url("../../images/icon_10x10_rightarrow.png") 0px 3px no-repeat; padding-bottom: 3px; }
.faq-table>li p { margin: 2px 0px 10px; padding: 10px 15px; background: #cfd6ec; }

		@media only screen and ( max-width: 60em )
		{

			#main-content { padding: 0 6px; }

			#header-container #header #logo-container img { width: 172px; margin-top: 16px; }

			#header-container #header #social-media-container { margin-top: 80px;  }

			#header-container #header {  height: 140px; background: transparent url('../../images/background_header.png') 155px 20px no-repeat;  position: relative; }

			.bask-text { display: none; }


			#side-navigation { display: none; }

			#homepage-extras { text-align: center; }
			#homepage-extras #homepage-featuredslider-container {  float: none; width: auto;  }

			#nav-container { position: static; }
			#nav-place { position: static; }
			#footer-container #footer #footer-col1 { float: none; background: none; width: auto; }
			#footer-container #footer #footer-col2 { float: none;  width: auto;}
			#footer-container #footer #footer-col3 { float: none;  background: none; width: auto; }

			#footer-container #footer #footer-col3 #footer-col3-top { background: none; }

			#footer-container #footer #footer-col1 #footer-col1-top>div { padding: 0; }
			#footer-container #footer #footer-col1 #footer-col2-top>div { padding: 0; }
			#footer-container #footer #footer-col1 #footer-col3-top>div { padding: 0; }

			#category #main-content { padding: 16px 4px 0px 4px }

			#product-grid { margin: auto; text-align: center; }
			.breadcrumb { white-space: normal; }
			#product #page-innercontent { white-space: normal; }

			.als-container { max-width: 100%; }


			.MagicZoomBigImageCont { display: none !important; }

			#product .als-viewport { min-width: initial; }

			#product #image-column { width: auto; }
			#product #main-content { padding: 16px 4px 0px 4px; }
			#product #content-column { width: auto; }
			#product #product-tabs a { padding: 4px 8px; }


			#product #product-share { white-space: normal; }

			#product #image-column { display: block; margin: auto; }
			#product #content-column { display: block; margin: auto; }
			#page-innercontent { margin: auto; width: 100%; }
			#page-content { margin: auto; max-width: auto; display: block; }
			.itmimg { margin: auto; text-align: center; }
			.itmimg img { max-width: 100%; }
			#item-image-main { max-width: 100%; }

			#MZP { display: block !important; width: auto !important; }

			.carttable td { padding: 2px 4px;  }
			.carttable th { padding: 2px 4px; text-align: }
			.carttable td.grandtotalrow { font-size: 13px; }


			#cart #main-content { padding-top: 16px; }
			#checkout #main-container { padding-top: 0px; }
			#checkout #main-content { padding-top: 16px; }


			#nav {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 1000;
			}
				#nav > a {
					width: 3.125em;
					height: 3.125em;
					z-index: 1000;
				}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type {
					display: block;
				}


			/* first level */

			#nav > ul {
				z-index: 1000;
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				background: #FFF url('../../images/background_page.png') top center repeat-x; 
			}
				#nav:target > ul {
					display: block;
					z-index: 1000;
				}
				#nav > ul > li {
					width: 100%;
					float: none;
					z-index: 1000;
				}
					#nav > ul > li > a {
						height: auto;
						text-align: left;
						padding: .5em 0.75em;
						z-index: 1000;
						font-size: 1.25em;
					}
						#nav > ul > li:not( :last-child ) > a {
							border-right: none;
							border-bottom: 1px solid #333;
							z-index: 1000;
						}


				/* second level */

				#nav li ul {
					position: static;
					padding: .5em 1em; 
				}

				#nav li ul li {
					position: static;
					padding: .25em 0; 
				}

				/* third */
				#nav li ul li ul {
					position: static;
					padding: .5em 1em; 
				}

		}