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

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color: #e1e1e1;
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	padding-top: 15px;
	color: #333;
}

table, tr, td {
	border: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	}

.clear {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
}

/* ----------------- */
/* headings and text */

/* default style for page titles */
.col-main-cms .page-title h1,
.page-title h1,
.page-title h2 { 
	font-size: 28px;
	color: #2c3a93;
	display: inline;
	font-weight: normal;
	margin: 0;
	}
.page-title { 
	padding:0;
	margin: 15px 0 15px 0; 
	width: auto;
	border: none;
}
.col1-layout .page-title {
	width: 800px;
	margin: 20px auto 15px auto;
	}
.col-main-cms .page-title {
	margin: 10px auto 15px auto;
	}		
	
/* page titles with images */
.cms-whatsnew .page-title h1 {
	background: url("../images/title-whatsNew.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.cms-events .page-title h1 {
	background: url("../images/title-events.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.cms-ourcompany .page-title h1 {
	background: url("../images/title-ourCompany.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}		
.cms-contact .page-title h1 {
	background: url("../images/title-contactUs.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.checkout-cart-index .page-title h1 {
	background: url("../images/title-shoppingCart.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
	position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.checkout-onepage-index .page-title h1 {
	background: url("../images/title-checkout.png") no-repeat scroll 0 -25px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 24px 500px;
    width: 0;
	height: 32px;
	}		
.checkout-onepagequote-index .page-title h1 {
	background: url("../images/title-quote.png") no-repeat scroll 0 -25px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 24px 500px;
    width: 0;
	height: 32px;
	}	
/*	
.customer-account-login .page-title h1 {
	background: url("../images/title-login.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.customer-account-create .page-title h1 {
	background: url("../images/title-register.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}		
*/	
.cms-privacy .page-title h1 {
	background: url("../images/title-privacy.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.cms-terms .page-title h1 {
	background: url("../images/title-terms.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}	
.catalogsearch-advanced-result .page-title h1 {
	background: url("../images/title-searchResults.png") no-repeat scroll 0 -15px transparent;
    display: block;
    float: right;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 500px;
    position: relative;
    right: -80px;
    width: 0;
	height: 90px;
	}							
	
	
.sales-order-view .page-title {
	padding-left: 0;
	}
.sales-order-view .page-title h1 {
	text-align: left;
	font-size: 30px;
	}
h1 {
	font-size: 22px;
	color: #2c3a93;
	display: inline;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h2 {
	color: #2c3a93;
	clear: both;
	font-size: 20px;
	font-weight: normal;
	margin: 15px 0 10px;
	padding-bottom: 3px;
}
h3 {
	color: #2c3a93;
	clear: both;
	font-size: 16px;
	margin: 15px 0 10px;
}

p {
	margin: 10px 0;
	}

a {
	text-decoration: none;
	color: #2C3A93;
}
	a:hover {
		color: #1155CC;
		}
ol,ul {
	padding: 0;
	margin: 0;
}
li {
	background: url("../images/purple-bullet.png") no-repeat scroll 0 6px transparent;
    color: #666666;
    list-style: none outside none;
    margin: 1px 0;
    padding-left: 9px;
}
	li a {
		color: #333;
		}		
.order-info li {
	padding: 0;
	background: none;
	}			
img {
	border: none;
}

/* ----- */
/* forms */
input,
select,
textarea {
	font-family: calibri, arial, helvetica, sans-serif;
	font-size: 13px;
}
.form-list label {
	margin: 6px 0 2px 0;
	}
h2.legend {
	margin-bottom: 0;
	}	

button.button {
	margin-left: 0;
	margin-right: 4px;
	text-transform: lowercase;
}
.buttons-set {
	border: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #e0e0e0;
	text-align: right;
	}	
.buttons-set p {
	margin: 3px 0;
	}	
p.required {
	font-size: 13px;
	text-align: left;
	margin: 3px 0;
	}	
.buttons-set p.required {
	float: left;
	margin: -5px 0 0;
	}	
.buttons-set button.button {
	margin-left: 6px;
	float: right;
	}		
p.back-link {
	font-weight: bold;
	margin: 5px 0;
	}	
.buttons-set p.back-link {
	margin: 0;
	float: left;
	clear: left;
	}	
.product-image-popup .buttons-set .button span {
	background: none;
	}	
.product-image-popup .button {
	text-shadow: none !important;
	}
.product-image-popup .button span {
	color: #999;
	font-weight: bold;
	}	
	
.form-list .field {
	float: none;
	display: inline-block;
	}	
.input-box {
	margin-top: 4px;
	}	
li.control {
	padding-left: 0;
	background: none;
	margin: 3px 0;
	}	
.validation-advice {
	font-size: 13px;
    line-height: 1.1;
    margin: 3px 0 5px;
	}		
.nobr  { white-space:nowrap; }

/* magento pieces */
ul.messages {
	margin-bottom: 10px !important;
	}
.main .col-main	ul.messages {
	margin-top: 4px !important;
}
ul.messages li {
	padding: 6px 8px !important;
	font-size: 14px !important;
	min-height: 10px !important;
	background-image: none;
	color: #333;
	}
ul.messages li li {
	margin: 0 !important;
	padding: 0 !important;
	}	
li.success-msg {
	background: #d7e8bf;
	border: solid 1px #afcf81;
	}
.pager {
	border: none;
	margin: 0;
	padding: 5px 0;
	}	
	.pager p.amount {
		margin: 0;
		}
	.pager select {
		margin: 0;
		}	
		
/* ------- */
/* buttons */
.button span { 
	float:left; 
	height:21px; 
	background:transparent url(../images/bkg_button.gif) 0 0 no-repeat; 
	padding:0 0 0 7px; 
	font: normal 11px/21px Arial, Helvetica, sans-serif; 
	text-align:center; 
	white-space:nowrap; 
	color:#fff; 
	display: block;
}
.button span span,
.button span b { background-position:100% 0; padding:0 8px 0 0; }
.button img {
	margin-top: 1px;
	margin-left: -8px;
	}
a.button {
	display: inline-block;
	margin-right: 4px;
	}	
	.button b {
		padding: 0 8px 7px 8px;
		display: block;
		}	
	.button:hover {
		text-shadow: 0 0 2px #000;
		color: #fff;
		}	

.button.blue {
	background: url(/skin/frontend/stoelting/stoelting/images/button-blue-bg.png) repeat-x;
	}
	.button.blue span {
		background: url(/skin/frontend/stoelting/stoelting/images/button-blue-left.png) no-repeat left top;
		}
	.button.blue b {
		background: url(/skin/frontend/stoelting/stoelting/images/button-blue-right.png) no-repeat right top;
		}
.button.gray {
	background: url(../images/button-gray-bg.png) repeat-x 0 0;
	}	
	.button.gray span {
		background: url(../images/button-gray-left.png) no-repeat left top;
		}
	.button.gray b {
		background: url(../images/button-gray-right.png) no-repeat right top;
		}	
.button.dollar span {
	background: url(../images/button-dollar-left.png) no-repeat left top;
	padding-left: 15px;
	}			
.button.info span {
	background: url(../images/button-info-left.png) no-repeat left top;
	padding-left: 22px;
	}	
	
.button.add span {
	background: url(../images/button-add-left.png) no-repeat left top;
	padding-left: 15px;
	}	
.button.go span {
	background: url(../images/button-go-left.png) no-repeat left top;
	padding-left: 15px;
	}	
.button.minus span {
	background: url(../images/button-minus-left.png) no-repeat left top;
	padding-left: 15px;
	}	
.button.cart span {
	background: url(../images/button-cart-left.png) no-repeat left top;
	padding-left: 15px;
	}	
	
/* ---- */	
/* tabs */	
.tabbedContent .content-tab {
	background: url(../images/tabbed-bg.png) repeat-x top #fdfdfd;
	clear: both;
	width: auto;
	padding: 20px 35px 35px 35px;
	margin: 0;
	border: 1px solid #E1E0E0;
	display: block;
    height: auto;
	}		
	.tabbedContent .left {
		width: 48%;
		float: left;
		}	
	.tabbedContent .right {
		width: 48%;
		float: right;
		}	
	.tabbedContent h2 {
		margin-top: 0;
		}	
.tabs li {
	padding: 0;
	margin: 0 5px 0 0;
	background: none;
	float: left;
	}			
.tabs li a {
	float: left;
	line-height: 21px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	background: url(../images/tab-bg.png) repeat-x bottom;
	}
	.tabs li span {
		display: block;
		background: url(../images/tab-left.png) no-repeat bottom left;
		}
	.tabs li b {
		padding: 0 25px 0 25px;
		display: block;
		background: url(../images/tab-right.png) no-repeat bottom right;
		}	
	.tabs li a:hover {
		text-shadow: 0 0 2px #000;
		color: #fff;
		}	
.tabs li.on a {
	background-position: top;
	}
	.tabs li.on a span {
		background-position: top left;
		}
	.tabs li.on a b {
		background-position: top right;
		}	

/* ------ */
/* HEADER */
#header {
	height: 120px;
	margin: 0 auto;
	/*width: 970px;*/
}

	#header .logo {
		height: 115px;
		width: 251px;
		float: left;
		margin-top: 3px;
	}
	
	#header .logo a {
		background: url(../images/logo.png) no-repeat scroll 0 0 transparent;
		display: block;
		height: 115px;
		text-indent: -9999px;
		width: 251px;
	}

	#header .search {
		float: right;
		height: 16px;
		font-size: 12px;
		margin-top: 41px;
		padding-left: 20px;
		width: 400px;
		text-align: right;
	}
	
		#header .search input.text {
			color: #666;
			padding: 2px;
			float: right;
			margin-right: 3px;
			font-size: 12px;
		}
		#header .search select {
			color: #666;
			padding: 2px;
			float: right;
			font-size: 12px;
			margin: 0;
		}
		
		#header .search input.image {
			padding: 1px;
			float: right;
			margin-right: 3px;
			font-size: 12px;
			}
	
	#header .header-menu {
		float: right;
		clear: right;
		font-size: 13px;
		margin-top: 21px;
	}
	
		#header .header-menu ul {
			width: 600px;
		}
	
		#header .header-menu a {
			color: #333333;
		}
		
		#header .header-menu li {
			margin-left: 20px;
			height: 24px;
			line-height: 22px;
			float: right;
		}

		#header .header-menu li.facebook {
			background: url(../images/facebook-icon.png) no-repeat 0 2px;
			padding-left: 26px;
		}
		
		#header .header-menu li.cart {
			background: url(../images/cart-icon.png) no-repeat 0 -1px;
			padding-left: 26px;
		}
	
		#header .header-menu li.mailing {
			background: url(../images/mail-icon.png) no-repeat 0 5px;
			padding-left: 26px;
		}
		
		#header .header-menu li.login {
			background: url(../images/login-icon.png) no-repeat 0 2px;
			padding-left: 26px;
		}					
	
/* --------- */
/* MAIN MENU */

#main-menu {
	background: url(../images/top-menu-bg.png) repeat-x;
	height: 34px;
	margin: 0 auto;
	width: 958px;
	border: 1px solid #e1e0e0;
}
#main-menu ul li {
	background: url(../images/menu-list-bg.png) no-repeat right center;
	line-height: 33px;
	height: 34px;
	float: left;
	padding: 0 41px;
	margin: 0;
}
#main-menu ul li.menu-end {
	background: none;
}
#main-menu ul li a {
	color: #333333;
	font-size: 14px;
	display: block;
	font-spacing: 1px;
}
#main-menu ul li a:hover {
	color: #3c4fca;
}	
#main-menu ul li ul {
	display: none;
	position: absolute;
	margin: 1px 0 0 -42px;
	padding: 8px 0; 
	border: solid 1px #e1e0e0;
	width: auto;
	background-color: #f6f6f6;
}
#main-menu ul li:hover ul {
	display: block;
}
#main-menu ul li li {
	background: none;
	float: none; 
	display: block;
	text-align: left;
	width: auto;
	line-height: 1;
	height: auto;
	padding: 0;
}
#main-menu ul li li a {
	color: #333; 
	padding: 6px 12px;
	display: block;
}
#main-menu ul li li a:hover {
	color: #000066;
	background-color: #e6e6e6; 
}	

/* -------- */
/* wrappers */
#wrapper {
	background: url(../images/page-bg.png) repeat-y #fff;
	margin: 0 auto;
    width: 1072px;
	margin-bottom: 35px;
}
#wrapper .top {
	background: url(../images/page-bg-top.png) no-repeat top;
}
#wrapper .bottom {
	background: url(../images/page-bg-bottom.png) no-repeat bottom;
	padding: 20px 51px 51px;
}	

.content {
	height: auto;
	width: 960px;
	margin: 0 auto;
	display: block;
	border: 1px solid #e1e0e0;
	padding: 4px;
	margin: 0 0 25px 0;
}
.content2 {
	height: auto;
	width: 960px;
	margin: 0 auto;
	display: block;
	border: 1px solid #e1e0e0;
	padding: 4px;
	margin: 0 0 25px 0;
}
.content2 .main {
    margin: 0px 0;
}
.content2 .col-main {
	padding:0px;
}
.col-main {
	padding: 0;
	width: 710px;
	}
	
/* ------- */
/* sidebar */
.sidebar {
	background: url("../images/shipping-box-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    margin: 5px 0 30px 0;
    padding: 10px 15px 15px;
    width: 200px;
	}		
	.sidebar a {
		color: #2C3A93;
		}
		.sidebar a:hover {
			color: #1155cc;
			}
	.sidebar .block {
		border: none;
		margin: 0;
		border-bottom: 1px dotted #E0E0E0;
    	margin-bottom: 10px;
    	padding-bottom: 10px;
		}
	.sidebar .block-title,
	.sidebar .block-subtitle {
		border: none;
		padding: 0;
		margin: 5px 0;
		font-size: 14px;
		}	
	.sidebar .block-title strong span {
		text-transform: uppercase;
    	font-size: 14px;
		color: #2C3A93;
		}	
	.sidebar .block-content {
		padding: 0;
		}	
	.sidebar .actions {
		clear: both;
		text-align: right;
		}	
		.sidebar .actions a {
			font-weight: bold;
			margin-top: 5px;
			}
	.sidebar .button {
		margin: 5px 0 5px 3px !important;
		float: right;
		}		
	.sidebar dt,
	.sidebar dd {
		background: none !important;
		}	
	.sidebar dt {
		margin-top: 7px;
		border-top: dotted 1px #e0e0e0;
		padding-top: 7px;
		}	
	.sidebar p,
	.sidebar .item p {
		margin: 0;
		}	
	.sidebar li {
		background: none;
		padding: 0;
		}		
	
/* ------- */	
/* gallery */
#intro-box {
	background: url(../images/intro-box-bg.jpg) no-repeat;
	height: 575px;
	width: 960px;
	margin: 0 auto;
}
	#intro-box .container {
		padding-top: 240px;
		margin: 0 auto;
		width: 800px;
		background: transparent;
	}
	.container a {
		margin: 0 5px;
	}

#intro-box ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	width: 800px;
}
#intro-box ul.thumb li {
	margin: 0 8px;
	float: left;
	position: relative;
	width: 183px;
	height: 183px;
	background: none;
	padding: 0;
	z-index: 0;
}
#intro-box ul.thumb li img {
	width: 173px;
	height: 173px;
	position: absolute;
	left: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
	box-shadow: 0 0 7px #333;
	border: solid 1px #999;
	z-index: 10;
	background: #fff;
	padding: 5px;
}
#intro-box ul.thumb li img.hover {
	box-shadow: 0 0 10px #000;
	border: solid 1px #999;
	background: #fff;
}
#intro-box .Title /* thumbnail title */ {
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 3px #000;
	width: 173px;
	text-align: center;
	position: absolute;
	top: 190px;
	line-height: 1.1;
	}	
#intro-box .title /* js title on hover */ {
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 3px #000;
	width: 200px;
	text-align: center;
	z-index: 9;
	line-height: 1.1;
	left: -5px;
	font-size: 15px;
	display: none; /* won't work in ie, so hiding it for now */
	}
#intro-box li:hover .Title /* alternative to js title */ {
	width: 200px;
	top: 250px;
	font-size: 15px;
	left: -5px;
	}	
	
/* quick info popup */
.fancybox-inner .product-image img {
	margin-right: 15px;
}


/* ------ */
/* footer */
#footer {
	padding-top: 7px;
	font-size: 13px;
	color: #666;
}
	#footer table {
		width: 100%;
		}
	#footer td {
		vertical-align: middle;
		text-align: center;
		padding: 0 5px;
		}	
	#footer a {
			color: #666;
	}
		#footer a:hover {
			color: #333;
		}			
		
/* -------- */		
/* homepage */		
#homepage-boxes {
	height: auto;
	width: 970px;
	margin: 0 auto;
	padding-top: 35px;
}
#homepage-boxes h2 {
	font-size: 21px;
	border: none;
	padding: 0;
	margin: 0;
}
	
.service-box-container {
	border: 1px solid #b7b7b7;
	min-height: 190px;
	height: auto;
	width: 225px;
	float: left;
	padding: 4px;
	margin-left: 10px;
	text-align:left;
}
.service-box-container.first {
	margin-left: 0;
	}	
.service-box {
	background: url(../images/service-box-bg.png) repeat-x #fcfdfd;
	border: 1px solid #e5e5e5;
	min-height: 185px;
	height: auto;
	width: 207px;
	padding: 10px 8px 5px;
}
	.service-box p {
		margin: 5px 0;
		color: #666;
	}
	.service-box ul {
		margin: 10px 0;
	}
		
/* -------------- */		
/* SUBPAGES */
#subpage-intro-box img {
	display: block;
	}

/* slider */
.product-slider {
	width: 960px !important;
	position: relative;
}
	.product-slider ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
		.product-slider li {
			background: none;
			padding: 0;
			height: 216px;
			width: 232px;
			}
		.product-slider li img {
			display: block;
			margin: 0 auto;
			}	
		.product-slider li em {
			display: block;
			text-align: center;
			font-style: normal;
			padding: 0 5px;
			}	
		.product-slider li a {
			color: #2C3A93;
			}	
	.product-slider a.prev {
		width: 0;
		padding-left: 16px;
		height: 216px;
		overflow: hidden;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/slider-prev.png) no-repeat;
		z-index: 999;
		}		
	.product-slider a.next {
		width: 0;
		padding-left: 16px;
		height: 216px;
		overflow: hidden;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		background: url(../images/slider-next.png) no-repeat;
		z-index: 999;
		}	

#product-area {
	background: url(../images/product-area-bg.png) repeat-x;
	border: 1px solid #e5e5e5;
	margin: 0 auto;
	height: auto;
	padding: 10px 15px 15px 15px;
	width: 928px;
}
 .category-products {
	background: url(../images/product-area-bg.png) repeat-x;
	border: 1px solid #e5e5e5;
	margin: 0 auto;
	height: auto;
	padding: 10px 15px 15px 15px;
	width: 928px;
}
#product-area .title-holder {
	display: block;
	margin-top: 15px;
}
	#product-area .title-holder h1 {
		float: left;
		}
#product-area a.product-comparison-chart {
	background: url(../images/chart-icon.png) no-repeat left top;
	color: #333;
	padding-left: 24px;
	font-size: 13px;
	float: right;
	line-height: 24px;
}
#product-area .item {
	height: auto;
	padding: 15px 10px;
	overflow: hidden;
	float: left;
	width: 444px;
	background: none;
}
#product-area .item .button {
	float: left;
	margin-left: 0 !important;
	}

#products-list .items {
	height: auto;
	padding: 15px 10px;
	overflow: hidden;
	float: left;
	width: 444px;
}	

.item h3 {
	display: block;
	margin: 0;
	clear: none;
	text-transform: uppercase;
	font-size: 14px;
}
.item p {
	margin: 5px 0 7px 0;
	display: block;
}

a.quick-info {
	background: url(../images/quick-info-bg.png) no-repeat;
	height: 23px;
	width: 81px;
	float: left;
}

.thumbnail-holder {
	width: 79px;
	height: 79px;
	float: left;
	border: 1px solid #cfcfcf;
	margin-right: 20px;
}

/* ------------ */
/* category page */

.product-category {
	float: left;
	width: 23%;
	padding: 0 1%;
	}
.product-category li {
	list-style: none;
	background: url(../images/purple-bullet.png) no-repeat 0 6px;
	color: #666;
	padding-left: 9px;
	margin: 1px 0;
}
.product-category h3 {
	text-transform:uppercase;
	margin: 15px 0 1px 0;
	font-size: 14px;
	}

#promotional-banner {
	width: 960px;
	border: 1px solid #d3d3d3;
	padding: 4px;
	margin: 0 auto;
	margin-top: 25px;
}

/* -------------- */
/* PRODUCT DETAIL */

#product-image {
	width: 400px;
	margin: 20px 30px 30px 20px;
	float: left;
}
#product-image-holder {
	width: 385px;
	margin: 0 auto;
}
.thumbnail-gallery {
	width: 400px;
	margin-top: 10px;
	list-style: none;
}

.more-views li {
	width: 79px;
	height: 110px;
	/*margin-left: 25px;
	margin-top: 2px;*/
	margin: 0px 15px 15px 5px;
	float: left;
	background: none;
	padding-left: 0;
}
.more-views li img {
	border: 1px solid #d2d2d2;
	margin-bottom: 5px;
	display: block;
}
.more-views li br {
	display: none;
	}
.more-views li a {
	color: #696969;
	font-size: 12px;
	display: block;
	text-align: center;
}
	
#product_addtocart_form .product-shop {
	float: right;
	margin: 40px 20px 30px 0;
	width: 490px;
}
.product-view .product-name {margin-top:0px;}

#product-information .table {
	margin: 20px auto 0 auto;
	border-collapse: separate;
	width: 100%;
	position: relative;
	left: -3px;
	}
#product-information .row {
	width: 100%;
	line-height: 15px;
	clear: both;
	}
#product-information .cell {
	float:left;
	padding: 8px 4px;
	}	
#product-information .row {
	width: 100%;
	line-height: 15px;
	}
	
#product-information .item {
	width: 70px;
	}	
#product-information .description {
	width: 205px;
	}	
#product-information .price {
	width: 95px;
	font-style: italic;
	padding-left: 10px;
	}
	#product-information .price b {
		font-style: normal;
	}
table#super-product-table .price-box p {
	margin: 0;
}
#product-information .quantity {
	width: 60px;
	float: right;
	}
	#product-information .quantity .text {
		width: 50px;
	}
.add-to-cart button.button { float:right; margin-left:4px; margin-right: 0;}


/* search results */
.catalogsearch-advanced-result .page-title {
	margin: 10px auto;
}
.catalogsearch-advanced-result #product-area {
	border: none;
	background: none;
	width: auto;
	padding: 0;
}
.catalogsearch-advanced-result .col-main {
	border: 1px solid #E5E5E5;
	background: url("../images/product-area-bg.png") repeat-x scroll 0 0 transparent;
	padding: 10px 15px 15px;
	width: 928px;
	margin: 4px 0 0 0;
}


/* --------------- */
/* shopping cart */
#shopping-cart-table {
	margin: 0 auto;
	width: 800px;
	}
#shopping-cart-table tr,
#shopping-cart-table thead {
	background: none;
	}	
#shopping-cart-table tfoot td {
	padding-top: 15px;
	}	
#shopping-cart-table th {
	padding: 7px 8px 7px 8px;
	border: none;
	}	 
#shopping-cart-table td {
	padding: 4px 8px;
	vertical-align: middle;
	border: none;
	border-top: solid 1px #f1f1f1;
	}	
#shopping-cart-table .product-image img {
	width: 60px !important;
	height: 60px !important;
	}	
#shopping-cart-table .cart-price {
	font-style: italic;
	}
	#shopping-cart-table .cart-price b {
		font-style: normal;
		}
	#shopping-cart-table .cart-price a {
		color: #2e389a;
		}
	#shopping-cart-table .cart-price a:hover {
		text-decoration: underline;
		}
#shopping-cart-table .input-text qty {
	width: 70px;
	}
#shopping-cart-table .cart-price {
	font-style: italic;
	}
	#shopping-cart-table .cart-price b {
		font-style: normal;
	}
#shopping-cart-table .remove-item a {
	background: url(../images/remove-button-bg.png) no-repeat left center;
	width: 71px;
	height: 24px;
	display: block;
	text-indent: -9999px;
}

#cart .buttons {
	float: right;
	}
	a.save-cart {
		background: url(../images/save-cart-bg.png) no-repeat left center;
		width: 75px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		float: right;
		cursor:pointer;
		margin-right: 5px;
	}
	a.quote-cart {
		background: url(../images/quote-cart-bg.png) no-repeat left center;
		width: 85px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		float: right;
		margin-right: 3px;
		cursor:pointer;
	}
	a.checkout {
		background: url(../images/checkout-button-bg.png) no-repeat left center;
		width: 85px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		float: right;
		cursor:pointer;
	}

.shipping-box {
	background: url(../images/shipping-box-bg.png) repeat-x;
	border: 1px solid #ccc;
	float: left;
	width: 260px;
	padding: 0 15px 15px 15px;
	margin: 10px 0 30px 10px;
	clear: both;
}	
	.shipping-box h3 {
		background: url(../images/truck-icon.png) no-repeat left center;
		font-size: 13px;
		padding-left: 20px;
	}

	.shipping-box label {
		color: #646462;
		font-weight: bold;
		margin-top: 5px;
		display: block;
	}	
	.shipping-box select,
	.shipping-box .text {
		width: 250px;
		}
	.shipping-box a {
		background: url(../images/shipping-quote-bg.png) no-repeat left center;
		width: 77px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		float: left;
		margin-top: 15px;
		clear: both;
	}
	.shipping-quote {
		background: url(../images/shipping-quote-bg.png) no-repeat left center;
		width: 77px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		float: left;
		margin-top: 15px;
		clear: both;
	}

	#co-shipping-method-form {
		clear: both;
		display: block;
		padding-top: 10px;
		}
	#co-shipping-method-form .sp-methods span,
	#co-shipping-method-form .sp-methods li {
		display: block;
		padding: 2px 0;
		}	
	#co-shipping-method-form .sp-methods span span,
	#co-shipping-method-form .sp-methods li span {
		display: inline;
		}	
	#co-shipping-method-form .sp-methods span label {
		display: inline;
		}	
	#co-shipping-method-form .sp-methods br {
		display: none;
		}	
.btn-continue {
	background: url(../images/bg-checkout.gif) no-repeat right top;
}
.btn-proceed-checkout {
	background: url("../images/checkout-button-bg.png") no-repeat scroll left center transparent;
}

/* ------------- */
/* checkout page */	
#checkout .table {
	margin: 0 auto;
	border-collapse: separate;
	width: 800px;
	}
#checkoutSteps li {
	background: none;
	padding: 0;
	margin: 0;
	}
.opc .step-title .number {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	margin-right: 8px;
	}		
.opc .step-title {
	text-align: left;
	background: url("../images/shipping-box-bg.png") repeat-x scroll 0 0 transparent !important;
	}	
.opc .step-title h2 {
	clear: none;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 30px;
	font-size: 18px;
	}	
#checkoutSteps .control {
	display: block;
	padding: 4px 0 0 0;
	}	
	#checkoutSteps .control label {
		margin: 0;
		display: inline;
		position: relative;
		top: 1px;
		}	
#checkout-step-shipping_method #co-shipping-method-form {
	padding-top: 0;
	}	
#checkoutSteps .cvv-what-is-this {
	position: relative;
	top: 2px;
	}	

/* ---------- */
/* Page Misc. */
.mycart { 
	width:800px;
	margin:0 auto;
}
.col-main-cms .std {
	width: 800px;
	margin: 0 auto 25px auto;
}
.col-main .std {
	padding: 0 20px;
}
.cms-home .col-main .std {
	padding: 0;
}
.registered-users {
	width: 800px;
	margin: 0 auto 25px auto;
}
.margin-content {
	width: 800px;
	margin: 0 auto 25px auto;
}
.footer-container {
	margin-top:20px;
}

.cms-home .footer-container {
	margin-top: 0;
	}

/* ----------------- */
/* Account Dashboard */
#cart-sidebar .item, 
#recently-viewed-items .item {
	height: auto;
	padding: 5px 0 5px 0;
	overflow: hidden;
	float: left;
	width: 100%;
	list-style:none;
	border-top: solid 1px #f4f4f4;
	background: none;
}
.my-account {
	margin-bottom: 30px;
	}
#cart-sidebar-reorder .item p {
	margin: 0 0 0 20px;
	}
.block-reorder .actions {
	margin: 10px 0 0 0;
	}	
.box-account .box h3 {
	margin-top: 0;
	margin-bottom: 5px;
	}	
#form-validate br {
	display: none;
	}
.addresses-list .item {
	width: auto;
	padding: 0;
	margin: 0 0 20px 0;
	display: block;
	float: none;
	background: none;
	}	
	
.addresses-additional h2 {
	margin: 0;
	}	
.addresses-additional .button {
	margin: 0;
	}	
.block-cart .amount {
	font-weight: bold;
	}	
.block-cart .subtotal {
	text-align: right;
	margin: 5px 0;
	}	
	.block-cart .price {
		font-weight: bold;
		margin: 5px 0;
		font-size: 15px;
		}		
.block .btn-remove,
.block .btn-edit {
	margin-left: 4px;
	}		

/* -------- */
/* Checkout */

/* Cat/Prod */
#block-related .item {
	height: auto;
	padding: 0px 10px;
	overflow: hidden;
	float: left;
	width: 99%;
	list-style:none;
}
/* Cat/Prod */

.contact-page-fix {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

/* responsive menu */
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1024px) {
	body {
		background: #fff;
		padding: 0;
		background: #e1e1e1;
	}
	
	#wrapper {
		max-width: 970px;
		width: calc(100% - 20px);
		margin: 15px auto;
		padding: 0 10px;
		background: #fff;
		box-shadow: 0 0 5px #ccc;
	}
	
	#wrapper .top {
		background: none;
		width: 100%;
	}
	
	#header {
    min-height: 120px;
    height: auto;
	}
	
	#wrapper .bottom {
		background: none;
    padding: 0 0 25px 0;
    max-width: 970px;
    width: 100%;
    margin: 0 !important;
	}
	
	.content {
    height: auto;
    max-width: 960px;
    width: calc(100% - 10px);
    margin: 0 auto;
    display: block;
    /*border: 1px solid #e1e0e0;*/
		border: none;
    padding: 4px;
    margin: 0 0 25px 0;
	}
	
	#main-menu {
		background: url(../images/top-menu-bg.png) repeat-x;
    height: 34px;
    margin: 0 auto;
    max-width: 958px;
    width: 100%;
    border: 1px solid #e1e0e0;
		bordeR: none;
	}
	
		.main-menu .main-nav { height: 34px; }
	
	#intro-box {
		background-position: top;
		background-size: 100%;
    height: 100%;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
	}
	
	#intro-box .container {
    padding-top: 20%;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
	}
	
		#intro-box .container .thumb {
			display: none;
		}
	
	#promotional-banner {
    max-width: 960px;
    width: calc(100% - 10px);
	}
	
		#promotional-banner img {
			width: 100%;
		}
		
	#homepage-boxes {
    max-width: 970px;
    width: 100%;
		padding-top: 4%;
	}
	
	.service-box-container {
    max-width: 225px;
    width: calc(25% - 18px);
		height: 316px;
	}
	
	.service-box {
    max-width: 207px;
    width: calc(100% - 18px);
		height: 300px !important;
	}
		
	#main-menu ul li {
    width: 16%;
    text-align: center;
		padding: 0;
	}
	
	li.mailing, li.facebook {
		display: none;
	}
	
	.header-menu {
		width: 40% !important;
	}
	
		.header-menu ul {
			width: 100% !important;
		}
	
	#intro-box ul.thumb {
    width: 100% !important;
	}
	
		#intro-box ul.thumb li {
			width: calc(25% - 17px);
		}
		
		#intro-box ul.thumb li img {
			width: 100% !important;
			height: auto !important;
		}
	
	
	/* inner pages */
	.product-slider {
    width: 100% !important;
	}
	
	.content2 {
    height: auto;
    max-width: 960px;
		width: calc(100% - 10px);
		margin-top: 0 !important;
	}
	
	#product-area {
    width: calc(100% - 30px);
	}
	
		/*#main-menu {
			height: auto !important;
		}	*/
	
			#main-menu img {
			width: 100%;
		}
		
	#product-area .item {
    width: calc(50% - 20px);
	}
	
	#product_addtocart_form .product-shop {
    float: right;
    margin: 40px 20px 30px 0;
    width: 50%;
	}
	
	.product-view .product-img-box {
    width: 40%;
	}
	
	.product-view .product-img-box .product-image-zoom {
    width: 100%;
	}
	
	.product-view .product-img-box .product-image-zoom img {
		width: 100%;
	}

	.add-to-box .add-to-cart {
    float: none !important;
	}
	
	.col1-layout .page-title {
    max-width: 800px;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.page-title h1 {
		right: -20px !important;
	}
	
	.col-main-cms .std {
    max-width: 800px;
    margin: 0 auto 25px auto;
    width: 100%;
	}
	
	.cms-ourcompany img, .cms-ourcompany-poly img {
		width: 100% !important;
	}
	
	.catalogsearch-advanced-result .col-main {
    width: calc(100% - 30px);
	}
	
	#product-area .item .button {
    float: right;
	}
	
}

@media screen and (max-width: 860px) {
	.js #main-nav {
		display:none;
	}
	
	.slicknav_menu {
		display:block !important;
		background-color: #00003B !important;
	}
	
	.slicknav_nav li {
		padding-left: 0;
		background: none;
		text-align: left;
	}
	
	.slicknav_nav li a {
		padding-left: 0;
		background: none;
		text-align: left;
		display: inline-block;
		color: #c1c1c1;
	}
	
		.slicknav_nav li a:hover {
			color: #fff;
			background: none !important;
		}
		
		.slicknav_item a:hover {
			color: #fff !important;
		}
		
		.slicknav_nav .slicknav_row, .slicknav_nav a {
				margin: 2px 5px;
				padding: 5px 0px !important;
				background: none !important;
		}
	
	.cms-home .thumb {
		display: none;
	}
	
	#main-menu ul, .header-menu {
		display: none;
		height: auto !important;
	}
	
	#main-menu {
			height: auto !important;
		}
		
	.fancybox-inner table {
		margin: 0 auto;
	}
		
	.fancybox-inner td {
    display: block;
	}
	
	.fancybox-inner td div {
    text-align: center;
	}
}
/* end of responsive menu */

@media screen and (max-width: 768px) {
	.service-box-container {
    max-width: 400px;
    width: calc(50% - 18px);
		margin-left: 16px;
		margin-bottom: 5px;
		height: 256px !important;
	}
	
	.service-box-container:nth-child(odd) {
		margin-left: 0 !important;
	}
		
	.service-box {
    max-width: 100%;
		width: calc(100% -  18px);
		height: 240px !important;
	}
	
	#header .search {
		float: none;
    margin-top: 20px;
    padding-left: 0;
    width: calc(100% - 251px);
    text-align: left;
    display: inline-block;
	}
	
	/* inner pages */
	
	.product-category:nth-child(odd) {
		clear: left;
    float: left;
    width: 46%;
	}
	
	.product-category:nth-child(even) {
		width: 46%;
	}
	
	#product_addtocart_form .product-shop {
    margin: 20px 0 30px 0;
    width: 100%;
	}
	
	.add-to-box .add-to-cart {
    float: none !important;
	}
	
	.product-view .product-img-box {
    width: 100%;
		margin: 0;
	}
	
	#footer td {
    float: left;
	}
}

@media screen and (max-width: 600px) {
	#intro-box {
    background: url(../images/MobileSiteBanner.jpg) no-repeat;
		background-size: contain;
	}
	
	#intro-box .container {
    padding-top: 50%;
	}
}

@media screen and (max-width: 500px) {
	#header .search {
		width: 100%;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	
	#header .logo {
		float: none;
		margin: 0 auto;
		display: inline-block;
		margin-top: 10px;
	}
	
		#header .search input.text {
			width: calc(100% - 33px);
		}
		
		#header .search select {
			display: none;
		}
		
	.service-box-container {
		max-width: 100%;
		width: calc(100% - 10px);
		margin-left: 0 !important;
		height: auto !important;
	}
	
	.service-box {
		height: auto !important;
	}
	
	/* inner pages */
	.product-category {
		width: 98% !important;
	}
	
	#product-area .item {
    width: calc(100% - 20px);
	}
	
	#product-area .item .button {
    float: right;
	}
	
	#product_addtocart_form .product-shop {
    float: right;
    margin: 20px 0 30px 0;
    width: 100%;
	}
	
	.add-to-box .add-to-cart {
    float: none;
	}
	
	.fancybox-opened {
		width: 94% !important;
    left: 6px !important;
	}
	
	.fancybox-inner {
		width: 100% !important;
	}
	
	.std p span:nth-child(2) {
		display: block;
	}
	
	.contact-page-fix {
		width: 100%;
	}
	
}