/*
  Mobile Styles for HD Supply Facilities Maintenance
 
  TABLE OF CONTENTS
		1. Base
		2. Dojo Dijit
		3. Header
			3.1 Login
			3.2 Minicart
			3.3 Logo
			3.4 Navigation
			3.5 Search
		4. Footer
		5. Home Page
		6. Category Page
 		7. Product List
			7.1 Grid View
			7.2 List View
		8. Product Detail
		7. Shopping Cart
		9. Shipping and Billing
	   10. Order Confirmation
	   11. Quick Order
	   12. Order History
	   		12.1 Order History Summary
	   		12.2 Order History Detail
	   13. Saved List Summary
	   14. Saved List Detail
	   15. Request a Catalog
	   16. My Account
	   		16.1 Address Book
	   		16.2 Edit Address Form
	   17. Rich Relevance
	   18. Forms
	   19. Registration
	   20. Mobile Push Menu
	   21. Popovers/ToolTips
	   22. Datepicker
	   XX. Static Pages
	   		XX.X Wells
	   		XX.X Spacing and Floats
	   		XX.X Img Width 
	   		XX.X Paragraph
	   		XX.X CSS Arrows
	   		XX.X Category
	   		XX.X Left Navigation
	   		XX.X Breadcrumbs
	   		XX.X Hero Unit
	   		XX.X Table
	   		XX.X Modals
	   		XX.X Rounded Corners
	   		XX.X Tabs
	   		XX.X Accordion
			XX.X Source Code
	  		XX. Landscape Styles

*/

/* ---------------------------- */ 
/*	1. Base
/* ---------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
	z-index: 250;
	position: inherit;
}
body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	height: 100%;
	width: auto;
	overflow: auto !important;
}

body {
	-webkit-text-size-adjust: none;
	color: #333;
	font-family: Helvetica;
	position: relative;
	min-height: 100%;
}

html,body {
	font-size: 13px;
	line-height: 1.38462em;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	margin: 10px 0;
}

h2 {
	font-size: 18px;
	line-height: 1em;
	color: #333;
	font-weight: bold;
	margin: 10px 0;
	line-height: 21px;
}

h3 {
	font-size: 16px;
	line-height: 1.125em;
	color: #333;
	font-weight: bold;
	text-shadow: none;
	margin: 10px 0;
}

h4 {
	font-size: 13px;
	line-height: 1.38462em;
	color: #333;
	font-weight: bold;
	margin: 10px 0;
}

p {
	font-size: 1em;
}
br{
	display:none;	
}
a {
	color: #0087cb;
	font-weight: bold;
	text-decoration: none;
	word-wrap: break-word;
}
a:hover{
	text-decoration:none;
}
a,a:link {
	-webkit-tap-highlight-color: rgba(225, 244, 204, 0.5);
}

img {
	max-width: 100%;
}

strong {
	font-weight: bold;
}

input[type="number"]: :-webkit-outer-spin-button {
	display: none;
}

* {
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

hr {
	display: none;
}

small {
	font-size: 11px;
}

select:focus,
  textarea:focus,
  input:focus {
    font-size: initial;

}
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[disabled="true"],select
	{
	width: 100%;
	margin-bottom: 10px;
}

input[type="text"]#customerId, input[type="text"][name='customerid'],
	input[type="tel"]#customerId, input[type="tel"][name='customerid'],
	input[type="email"]#customerId, input[type="email"][name='customerid'],
	input[type="password"]#customerId, input[type="password"][name='customerid'],
	select#customerId, select[name='customerid'] {
	float: left;
}

select {
	line-height: 28px;
	height: 28px;
	border-color: #ccc;
	width: 100%;
	margin-bottom: 10px;
}

select#customerId,select[name='customerid'] {
	float: left;
}

input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[disabled="true"]
	.mobile-input {
	display: block;
	padding: 7px;
	border: 1px solid #cbcbcb;
	color: #666;
	font-size: 16px;
	line-height: 1.38462em;
	text-shadow: 0 1px #fff;
	font-weight: bold;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee),
		color-stop(100%, #fff) );
	background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
	background: -moz-linear-gradient(top, #eee 0%, #fff 100%);
	background: -ms-linear-gradient(top, #eee 0%, #fff 100%);
	background: -o-linear-gradient(top, #eee 0%, #fff 100%);
	background: linear-gradient(top, #eee 0%, #fff 100%);
}

input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,
	input[type="password"]:focus,.mobile-input:focus
	{
	color: #000;
	outline: none;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	outline: 0;
	outline: thin dotted \9;
}

input[type="text"]: :-webkit-input-placeholder,input[type="tel"]:
	:-webkit-input-placeholder,input[type="email"]:
	:-webkit-input-placeholder,input[type="password"]:
	:-webkit-input-placeholder,.mobile-input: :-webkit-input-placeholder {
	color: #999;
}

input[type="text"]: :-webkit-outer-spin-button,input[type="text"]:
	:-webkit-inner-spin-button,input[type="tel"]:
	:-webkit-outer-spin-button,input[type="tel"]:
	:-webkit-inner-spin-button,input[type="email"]:
	:-webkit-outer-spin-button,input[type="email"]:
	:-webkit-inner-spin-button,input[type="password"]:
	:-webkit-outer-spin-button,input[type="password"]:
	:-webkit-inner-spin-button,.mobile-input: :-webkit-outer-spin-button,.mobile-input:
	:-webkit-inner-spin-button {
	display: none;
}

dl {
	margin-bottom: 18px;
}

dt,dd {
	line-height: 18px;
}

dt {
	font-weight: bold;
	padding-top: 10px;
}

dd {
	margin-left: 9px;
	padding-top:10px;
}

.dl-horizontal dt {
	float: left;
	width: 150px;
	clear: left;
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
}

.dl-horizontal dd {
	margin-left: 155px;
	word-wrap: break-word;
}
.dl-small dt {
	width: 130px;
}

.dl-small dd {
	margin-left: 135px;
}

.dl-extrasmall dt {
	width: 60px;
}

.dl-extrasmall dd {
	margin-left: 65px;
}

.dl-large dt {
	width: 180px;
	padding-right: 0px;
	white-space: normal;
}

.dl-large dd {
	margin-left: 185px;
}

.price-tier .dl-horizontal {
	margin: 0 0 10px 0;
}

.price-tier dt,.price-tier dd {
	line-height: 26px;
}

.price-tier .dl-horizontal dt {
	float: left;
	width: auto;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.price-tier .dl-horizontal dd {
	margin-left: auto auto;
}

dl.dl-detailprice {
	margin-top: 0px;
}

.dl-detailprice dt {
	float: left;
	width: 45px;
	clear: left;
	white-space: nowrap;
	padding-right: 5px;
	font-weight: normal;
}

.dl-detailprice dd {
	margin-left: auto;
}
.nodisplay {
	display:none;
}

.spanacce {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -1px;
}
.punchout_only {
  display: none;
}
.mobileOnly {
  display: block;
}
.hideDesktop {
  display: block;
}
.desktopOnly {
  display: none;
}
.tabletOnly {
  display: none;
}
.visible-phone {
	display: block;
}

.visible-phone-inline {
	display: inline;
}

.visible-phone-inline-block {
	display: inline-block;
}

.hidden-tablet {
	display: block;
}

.hidden-desktop {
	display: block;
}

.hidden-phone {
	display: none !important;
}
.visible-desktop-table-cell{
    display: none !important;
}
.visible-desktop-inline-block {
	display: none !important;
}

.visible-desktop-inline {
	display: none !important;
}

.visible-desktop {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.relative {
	position: relative;
}

.nav-collapse {
	-webkit-transform: translate3d(0, 0, 0);
}

.page-header h1 small {
	display: block;
	line-height: 18px;
}

input[class *="span"],select[class *="span"],textarea[class *="span"],.uneditable-input
	{
	display: block;
	width: 100%;
	height: 28px;
	/* Make inputs at least the height of their button counterpart */
	/* Makes inputs behave like true block-level elements */
	-webkit-box-sizing: border-box;
	/* Older Webkit */
	-moz-box-sizing: border-box;
	/* Older FF */
	-ms-box-sizing: border-box;
	/* IE8 */
	box-sizing: border-box;
	/* CSS3 spec*/
}

.input-prepend input[class *="span"],.input-append input[class *="span"]
	{
	width: auto;
}

input[type="checkbox"],input[type="radio"] {
	border: 1px solid #ccc;
}

.form-horizontal .control-group>label {
	float: none;
	width: auto;
	padding-top: 0;
	text-align: left;
}

.form-horizontal .controls {
	margin-left: 0;
}

.form-horizontal .control-list {
	padding-top: 0;
}

.form-horizontal .form-actions {
	padding-left: 10px;
	padding-right: 10px;
}

.carousel-caption {
	position: static;
}
.carousel-message {
	width: 100%;
	float: left;
	padding: 10px;
	text-align: left;
}
.container {
	width: 100%;
}

.page-body {
	background: #fff;
	z-index: 50;
}

.light-gray-text {
	color: #888 !important;
}

.main-content {
	background: #fff;
	padding: 10px;
}

.page-body {
	background: #fff;
	z-index: 50;
}

p.inline {
	display: inline;
}

.btn {
	padding: 10px;
	line-height: 1.4;
	display: block;
	margin: 10px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.btn-hds {
	border: 1px solid #dfad41;
}

.btn:hover,.btn:active,.btn-hds:hover,.btn-hds:active {
	opacity: 0.9;
}

.btn.mobile-sml,.btn-hds.mobile-sml {
	display: inline-block;
	margin: 10px 10px 10px 0px;
}
.btn.mobile-sml-half,  .btn-hds.mobile-sml-half {
	max-width: 45%;
	text-align: left;
	display: inline-block;
	margin: 10px 10px 10px 0px;
	vertical-align: top;
}

.btn.mobile-sml,.btn-hds.mobile-sml:first-child {
	display: inline-block;
	margin: 10px 10px 10px 0px;
}

.btn.mobile-med,.btn-hds.mobile-med {
	width: 200px;
}

.btn.mobile-full,.btn-hds.mobile-full {
	width: auto;
}

.btn.mobile-100,.btn-hds.mobile-100 {
	width: 100%;
}

.mobile-btn-yellow {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background-image: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background-image: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background-image: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background-image: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background-image: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background-color: #ffd461;
	color: #333;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.4;
	margin: 10px 0;
	padding: 10px;
	display: block;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	border: 1px solid #dfad41;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	font-weight: bold;
}

.mobile-btn-yellow:hover,.mobile-btn-yellow:active {
	opacity: 0.9;
	background-color: #daa300;
}

.mobile-btn-yellow.mobile-sml {
	display: inline-block;
	margin: 10px;
}

.mobile-btn-yellow.mobile-med {
	width: 200px;
}

.mobile-btn-yellow.mobile-full {
	width: auto;
}

.mobile-btn-gray {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5),
		color-stop(100%, #fff) );
	background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #e5e5e5 0%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #fff 100%);
	background-image: linear-gradient(bottom, #e5e5e5 0%, #fff 100%);
	background-color: #fafafa;
	color: #333;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.4;
	margin: 10px 0;
	padding: 10px;
	display: block;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 7px;
	border: 1px solid #bbb;
	font-weight: normal;
}

.mobile-btn-gray:hover,.mobile-btn-gray:active {
	opacity: 0.9;
}

.mobile-btn-gray.mobile-sml {
	display: inline-block;
	margin: 10px;
}

.mobile-btn-gray.mobile-med {
	width: 200px;
}

.mobile-btn-gray.mobile-full {
	width: auto;
}
.flex-box{
	display:flex;
	display: -webkit-flex;
	-webkit-flex-direction: row;
   	flex-direction: row;
}
.flex-item-grow-1{
	flex-grow: 1;
	-webkit-flex-grow:1;
}
.flex-item-grow-2{
	flex-grow: 2;
	-webkit-flex-grow:2;
}
.flex-item-grow-3{
	flex-grow: 3;
	-webkit-flex-grow:3;
}
.flex-item-grow-4{
	flex-grow: 4;
	-webkit-flex-grow:4;
}
.mobile-box {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin: 10px 0;
	padding: 10px;
}

.mobile-flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	box-align: stretch;
}

.mobile-flex-box .mobile-flex-box-item-1{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	width: 100%;
}

.mobile-flex-box .mobile-flex-box-item-2{
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	box-flex: 2;
	width: 100%;
}

.mobile-flex-box .mobile-flex-box-item-3{
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	box-flex: 3;
	width: 100%;
}

.mobile-flex-box .mobile-flex-box-item-4
	{
	-webkit-box-flex: 4;
	-moz-box-flex: 4;
	box-flex: 4;
	width: 100%;
}

.mobile-flex-box .mobile-flex-box-item-5
	{
	-webkit-box-flex: 5;
	-moz-box-flex: 5;
	box-flex: 5;
	width: 100%;
}

.mobile-box-1 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	margin: 10px;
	padding: 10px;
	border: 1px solid #e9e9e9;
}

.mobile-box-2 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #5f8d2b;
}

.mobile-box-3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #edd9d4;
	background-color: #fcf8e4;
}

.mobile-box-4 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	color: #3a87ad;
	padding: 10px;
	margin: 10px 0;
}

.mobile-box-5 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	margin: 10px;
	padding: 10px;
	border: 1px solid #e9e9e9;
}
.mobile-box-6 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	margin: 0px;
	padding: 2px;
	border: 1px solid #e9e9e9;
}
.mobile-box-7 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #e9e9e9;
}
.mkt-ad {
	height: 95px;
	text-align: left;
}

.table-bordered {
	border-collapse: separate; *
	border-collapse: collapsed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert {
	padding: 10px;	
}



/* Begin Responsive Table Styling */
.centered {
	text-align: center;
}

.responsive-table,.responsive-table * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive-table {
	margin: 1em auto;
	width: 100%;
}

.responsive-table td {
	text-align: center;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 0.8em;
}

.responsive-table th {
	text-align: center;
	padding: .5em;
	border-top: none;
}

.responsive-table tr,.responsive-table td,.responsive-table tbody {
	display: block;
	width: 100%;
}

.responsive-table td {
	position: relative; /*necessary to position the :before element*/
	text-align: right;
	/*height: 39px;*/
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}



.responsive-table th {
	display: none; /*Hides regular headers*/
	font-weight: bold;
}

.responsive-table td:before {
	content: attr(title); /*Inserts the text for the label*/
	padding: .5em;
	position: absolute;
	top: 2px;
	left: 0;
}

.responsive-table-bordered {
	border-collapse: separate; *
	border-collapse: collapsed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.responsive-table td:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.responsive-table td:last-child {
	margin-bottom: 18px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #ddd;
}

.responsive-table-bordered-all thead:first-child tr:first-child th:first-child,.responsive-table-bordered-all tbody:first-child tr:first-child th:first-child,.responsive-table-bordered-all tbody:first-child tr:first-child td:first-child
	{
	border-top: 0;
}
.responsive-table tbody td:nth-child(even) {
	background-color: #f9f9f9;
}

.pagination {
	margin: 0;
}

.pagination ul {
	display: inline-block; *
	display: inline;
	/* IE7 inline-block hack */ *
	zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
	display: inline;
}

.pagination li.visible-desktop-inline {
	display: none;
}

.pagination a {
	float: left;
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}

.pagination a:hover,.pagination .active a {
	background-color: #f5f5f5;
}

.pagination .active a {
	color: #cccccc;
	cursor: default;
}

.pagination .disabled a,.pagination .disabled a:hover {
	color: #cccccc;
	background-color: transparent;
	cursor: default;
}

.pagination li:first-child a {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	padding: 10px;
}

.pagination li:last-child a {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	padding: 10px;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}
.mobile-margin-auto{
	margin-left:auto;
	margin-right: auto;
}

/* ---------------------------- */
/*	XX.X CSS Arrows
/* ---------------------------- */
.arrow-down {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #838282;
	margin-top: 8px;
}
.arrow-up {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #838282;
	margin-top: 5px;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #838282;
	margin-top: 4px;	
}
.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right:7px solid #838282;
}
.arrow-right.arrow-down {
	border-top: 7px solid #A3A2A2;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	margin-top: 8px;	
}

#rr_placement_0{
	display:none;
}
.mobile-align-right {
	text-align:right;
}

.mobile-align-left {
	text-align:left;
}

.mobile-align-center {
	text-align:center;
}
.mobile-overflow-auto {
	overflow: auto;
}

.mobile-overflow-hidden {
	overflow: hidden;
}

.mobile-margin-0px {
	margin: 0px;
}

.basefontformat {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}





/* ---------------------------- */ 
/*	2. Dojo Dijit
/* ---------------------------- */
.dijitDialog {
	position: absolute;
	z-index: 2000;
	background-color: white !important;
	opacity: 1 !important;
	-webkit-box-shadow: 0px 0px 2px #000000;
	-moz-box-shadow: 0px 0px 2px #000000;
	box-shadow: 0px 0px 2px #000000;
	border-radius: 5px;
}
#progress_bar_dialog{
	width:100px;
	text-align: center;
}
#progress_bar_dialog .dijitDialogPaneContent{
	border-radius:5px;
}
#progress_bar{
	margin-top: -40%;
}
#WC_StoreCommonUtilities_div_5 img{
	width:50px;
	height:50px;
}
#checkstockDialog{
	width:300px;
}
#checkstockDialog form.form-inline{
	display: inline;
	margin-bottom: 0;
}
#checkstockDialog form.form-inline div.align-center{
	text-align:center;
	float: left;
	margin-right: 10px;
	
}
#checkstockDialog form.form-inline button{
	display: inline;
	float: right;
	margin-right: 10px;
	margin-top:0;
	width: 100%;
}
.dijitDialog [data-dojo-attach-point=containerNode] {
	width: auto !important;
	height: auto !important;
}

.dijitDialogTitleBar {
	cursor: move;
	padding: 10px 0 10px 10px;
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 30px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.dijitDialogPaneContent {
	background: none repeat-x scroll left top #ffffff;
	border-top: 1px solid #769DC0;
	padding: 10px 15px;
	position: relative;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.dijitHidden {
	display: none !important;
}

.dijitDialogUnderlayWrapper {
	top: 0 !important;
	bottom: 0 !important;
	background: none repeat scroll 0 0 transparent !important;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1999 !important;
	bottom: 0;
	right: 0;
}

.dijitDialogUnderlay {
	background: #000;
	opacity: 0.5;
	width: 100% !important;
	height: 100% !important;
}

.dijitBackgroundIframe {
	border: 0 none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.dijitOffScreen {
	left: 50%;
	position: absolute;
	top: -10000px;
}

.dijitDialogCloseIcon {
	cursor: pointer;
	position: absolute;
	right: 0;
}

.dijitDialogCloseIcon .closeText {
	text-transform: uppercase;
	padding: 10px 12px;
	text-align: center;
}
#accountListModelDialog {
	top: 50px !important;
	left: 86% !important;
	width: 93%;
}
#accountListModelDialog .responsive-table td a{
	margin-left:60px;
}
#accountListModelDialog .responsive-table td:first-child{
	height:60px;
}
#accountListModelDialog .dijitDialogPaneContent {
	height: 100% !important;
	width: 100% !important;
	
}
#accountListModelDialog table td:before{
	font-weight: bold;
}
#accountListModelDialog table td.acct_name:before{
	white-space:pre;
	content: "Account \00a Name:";
	text-align:left;
}
div#renamesavedlist-container.dijitDialog{
	top: 156px !important;
}
#md_requisition_list_popup {
	left: 0 !important;
	top: 0 !important;
	width:100%;
}
select[name='existing_list_select'], #my_new_list_name {
width: 95%;

}
#md_requisition_list_popup .dijitDialogPaneContent{
	padding:2px 15px;
}
#md_requisition_list_popup .span1{
	text-align:center;	
}
#md_requisition_list_popup button{
	float:right;
	margin-right:5%;	
}
#loginRegisterModalDialog {
	left: 0 !important;
	top: 0 !important;
	width: 100%;
}
#loginRegisterModalDialog #logonsubmitbutton{
	position:static;
}
#loginRegisterModalDialog #CustomerIdValidateForm a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

#loginRegisterModalDialog .control-group span {
	vertical-align: text-bottom;
}
#configDialog { 
	top: 0 !important; 
	width: 95%;
	left: 3% !important;
}
#configDialog .mobile-width-45{
	width:45%;
}
#configDialog .Primaryimage{
	text-align:center;
}
#configDialog .dijitDialogTitle {
	font-size:.8em;
	
}
#configDialog br {
	display:block;
	
}
#ConfigurationAttributeDisplayWidget > .row-fluid > .span6{

	margin-bottom:10px;
}
#configDialog h5 {
	font-weight:bold;
	
}
#configDialog .dijitDialogPaneContent
{
	height: 100% !important;
	width: 100% !important;
}

#configDialog .prod_list_partnum
{
	font-weight: bold;
	margin-bottom: 10px;
}

#configDialog .row-fluid > .span3{
	float:left;
	width:20%;
}
#configDialog .row-fluid > .span9{
	float:left;
	width:75%;
	margin-left:4%;
	margin-top:-10px;
}
#configDialog .row-fluid > .span12{
	width:100%;
}
#configDialog input.input-cart
{
	height: 40px;
	text-align: center;
	font-size: 16px;
	padding: 7px 5px;
	
}
#configDialog #cfg_BLIND_WIDTH {
	width:45%;
	float:left;
}
#configDialog #cfg_BLIND_WIDTH_INCR {
	width:45%;
	float:right;
}
#configDialog .dijitDialogCloseIcon { top: 10px; }
/* ---------------------------- */ 
/*	3. Header
/* ---------------------------- */
#hdsHeader {
	background: #fff;
	z-index: 50;
}
#hdsHeader #welcome, 
#hdsHeader #suma-properties, 
#hdsHeader #utilitySelectionFrm{
	display:none;
}
#hdsHeader>.row-fluid.container {
	padding: 3px 2px 0px 8px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	min-height: 52px;
	margin-bottom: 2px;
}
#welcome br {
	display:block;	
}
ul#mobile-header {
	list-style: none;
	/*display: flex;
	display: -webkit-flex;
	justify-content:flex-end;
	-webkit-justify-content: flex-end;*/
	display: block;
	float: right;
}
ul#mobile-header li{
	margin:5px 10px 0 0;	
}
ul#mobile-header li:last-child{
	margin-right:2px;	
}
ul#mobile-header li#mobile-logon{

	cursor:pointer;	
}
ul#mobile-header li#mobile-minicart{
	cursor:pointer;	
}
ul#mobile-header li#mobile-minicart span.mini-cart-itemnumbers{
	right: 88px;
	top:0;
}
ul#mobile-header li#mobile-minicart .mini-cart-subtotal, 
ul#mobile-header li#mobile-minicart img.mini-cart-image,
ul#mobile-header li#mobile-minicart #minicartAll-popover{
	display:none;	
}
ul#mobile-header li#mobile-minicart a{
	width:40px;
	height:40px;
	padding:20px;
}
ul#mobile-header li#mobile-menu{

	cursor:pointer;	
}
ul#mobile-header li#mobile-menu a{
	width:40px;
	height:40px;
	padding:20px;
}
.minicart-add-item-mobile{
	background-color: #222;
	color:#fff;
	padding:20px;
	text-align:center;
	position: fixed;
	width:200px;
	height: 85px;
	
	right: 20%;
	border-radius:3px;
	z-index:9999;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
}
.minicartSingle-popover{
	display:none !important;
}
/* ---------------------------- */ 
/*	3.1 Login
/* ---------------------------- */
#hdsHeader >.row-fluid.container {
	position: relative;
}

#hdsHeader > .row-fluid.container .span5 {
	
}

#logonId1 {
	margin-bottom: 2em;
}

#hdsHeader span#login_password {
	position: absolute;
	top: 79px;;
	left: 26px;
}

#register_link {
	position: absolute;
	top: 140px;
	left: 15px;
	padding: 10px;
}

#forgot_pass_link {
	position: absolute;
	top: 79px;
	right: 25px;
}

#logonsubmitbutton {
	position: absolute;
	top: 140px;
	right: 16px;
	padding: 10px;
}

#remember_me {
	position: absolute;
	top: 207px;
	right: 28px;
}

input#rememberMe1 {
	margin-top: -3px;
	margin-left: -7px
}

#logonForm {
	background-color: #fff;
	display:none;
	padding: 10px 26px;
	z-index: 300;
	position: absolute;
	height: 230px;
	width: 100%;
	left: 0;
	top: 52px;
}

#mobile-header-mask {
	position: absolute;
	display: block;
	top: 48px;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
	z-index: 1;
	width: 100%;
	display: none;
}
#mobile-header-mask.mobile-white-mask{
	background: #fff;

}
/* ---------------------------- */ 
/*	3.2 Minicart
/* ---------------------------- */

#MiniShoppingCartWidget img{
	display:none;
}

.mini-cart-itemnumbers{
	display:inline !important;
	position:absolute;
}
#MiniShoppingCartWidget .mini-cart-itemnumbers, #MiniShoppingCartWidget .mini-cart-subtotal{
	display:none !important;
}


/* ---------------------------- */
/*	3.3 Logo
/* ---------------------------- */
#hds-logo {
	height: 42px;
	float: left;
	margin-top:2px;
	margin-left: 4px;
}

/* ---------------------------- */ 
/*	3.3 Navigation
/* ---------------------------- */

.mega-marketing {
	display: none;
}
#menu-content-navigation #navigationLinks > ul > li:nth-child(1),
#navigationLinks > ul > li:nth-child(2),
#navigationLinks > ul > li:nth-child(3),
#navigationLinks > ul > li:nth-child(4),
#navigationLinks > ul > li:nth-child(5),
#navigationLinks > ul > li:nth-child(6),
#navigationLinks > ul > li:nth-child(7),
#navigationLinks > ul > li:nth-child(8),
#navigationLinks > ul > li:nth-child(9) {
    display: none !important;
}


#services-link ,
#resources-link ,
#products-link,
#products-link i,
#services-link i,
#resources-link i
	{

	display:none;
}

#menu-content-navigation #services-link ,
#menu-content-navigation #resources-link ,
#menu-content-navigation #products-link,
#menu-content-navigation #mobile-sign-out,
#menu-content-navigation #mobile-eCatalog-link a,
#account-list #mobile-account-dropdown-link,
#suma-properties #mobile-properties-dropdown-link{
	height: 45px;
	cursor: pointer;
	color: #ddd;
	font-weight: 300;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.2em;
	display:block;
	padding: 14px 10px;
	border-bottom: 1px solid rgb(34, 34, 34);
	border-top: 1px solid rgb(83, 83, 83);
}
#menu-content-navigation #services-link:hover ,
#menu-content-navigation #resources-link:hover ,
#menu-content-navigation #products-link:hover{
	background: rgba(0,0,0,0.1);
}
#menu-content-navigation #products-link i,
#menu-content-navigation #services-link i,
#menu-content-navigation #resources-link i,
#account-list #mobile-account-dropdown-link i,
#suma-properties #mobile-properties-dropdown-link i{
	display:inline-block;
	float: right;
	margin-right:10px;
}

#close-button {
	display: none;
}
#menu-content-navigation #mobile-eCatalog-link{
	
}
.mega-dropdown-header {
	display: none;
}
.mega-dropdown-container {
	display:none;
	border: 1px solid #ccc;
	background-color: #fff;
}
#menu-content-navigation .mega-dropdown-container ul li {
	border-bottom: 1px solid #ddd;
}
#menu-content-navigation .mega-dropdown-container ul li.list-header a{
	
	font-weight:bold;
}
#menu-content-navigation .mega-dropdown-container ul li.list-header ~ li{
	padding-left:20px
}
#menu-content-navigation .mega-dropdown-container ul li.list-header ~ li.list-header.divider{
	padding-left:0;
}
#menu-content-navigation .mega-dropdown-container ul li a {
	display: block;
	padding: 10px;
}

#menu-content-navigation .mega-dropdown-container ul li:hover {
	cursor: pointer;
}

#menu-content-navigation .mega-dropdown-container ul li a:hover {
	color: #333;
	text-decoration: none;
}
/* ---------------------------- */ 
/*	3.3 Search
/* ---------------------------- */
#search_bar {
	padding: 2px 20px 0px 10px;
	-webkit-box-shadow: 0 1px 0 #b2b2b2;
	-moz-box-shadow: 0 1px 0 #b2b2b2;
	box-shadow: 0 1px 0 #b2b2b2;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd),
		color-stop(100%, #ebebeb) );
	background-image: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background-image: -moz-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background-image: -ms-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background-image: -o-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background-image: linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background-color:#ddd;
	clear: both;
}
#widget_search{
	height:55px;
}
#widget_search_dropdown {
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
	margin: 10px 0px 0px -10px;
	padding: 20px;
	background-color: #fff;
	width: 110.5%;
}

#widget_search_dropdown .list_section {
	padding-left: 15px;
}

#SimpleSearchForm_SearchTerm {
	margin: 9px 0 0px -3px;
	height: 34px;
	width:80%;
	float:left;
}

#search_submit {
	margin-left: 3px;
	padding: 10px 10px;
	font-size: 11px;
	color: #434343;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	height: 34px;
	line-height: 0px;
	margin-right: -10px;
	font-weight:bold;
	float:right;
}

#wf_container h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0;
	border-bottom: 1px solid #000;	
}

/* ---------------------------- */ 
/*	4. Footer
/* ---------------------------- */ 

.container-footer {
	padding: 0 10px 10px 10px;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #515151));
	background: -webkit-linear-gradient(bottom, #212121 0%, #515151 100%);
	background: -moz-linear-gradient(bottom, #212121 0%, #515151 100%);
	background: -ms-linear-gradient(bottom, #212121 0%, #515151 100%);
	background: -o-linear-gradient(bottom, #212121 0%, #515151 100%);
	background: linear-gradient(bottom, #212121 0%, #515151 100%);
}
#phone-footer-button,
#email-footer-button {
	margin: 3% .5%;
	padding: 10px;
	position: relative;
	display: inline-block;
	width: 48%;
	height: 40px;
	font-size: 14px;	
	line-height: 1.4;
	font-weight: bold;
	text-align: center;	
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-transition: opacity,0.2s,ease-out;
	-moz-transition: opacity,0.2s,ease-out;
	-ms-transition: opacity,0.2s,ease-out;
	-o-transition: opacity,0.2s,ease-out;
	transition: opacity,0.2s,ease-out;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3b3b3), color-stop(50%, #b2b2b2), color-stop(51%, #cbcbcb), color-stop(100%, #cbcbcb));
	background: -webkit-linear-gradient(bottom, #b3b3b3 0%, #b2b2b2 50%, #cbcbcb 51%, #cbcbcb 100%);
	background: -moz-linear-gradient(bottom, #b3b3b3 0%, #b2b2b2 50%, #cbcbcb 51%, #cbcbcb 100%);
	background: -ms-linear-gradient(bottom, #b3b3b3 0%, #b2b2b2 50%, #cbcbcb 51%, #cbcbcb 100%);
	background: -o-linear-gradient(bottom, #b3b3b3 0%, #b2b2b2 50%, #cbcbcb 51%, #cbcbcb 100%);
	background: linear-gradient(bottom, #b3b3b3 0%, #b2b2b2 50%, #cbcbcb 51%, #cbcbcb 100%);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	color: #666;
}

#phone-footer-button .hdsicon-phone-order,
#email-footer-button .hdsicon-email{
	vertical-align: middle;
}

.footerColumns {
	display: table;
	content: "";
}
.footerColumns h5 {
	display: none;	
}

.footerColumns .footerColumns2 {
	padding: 0 1%;
	width: 50%;
	float: left;
	display: block
}

.footerColumns2 #servicesFooter,
.footerColumns2 #resourcesFooter,
.footerColumns2 #aboutFooter,
.footerColumns2 #helpFooter {
	margin: 10px 0px; 
	padding: 10px;	
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;	
	color: #fff;
	opacity: 0.5;	
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.05);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.05);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.footerColumns ul {
	display: none;	
	margin-top: -10px;
}
.footerColumns ul#servicesDropDown li a,
.footerColumns ul#resourcesDropDown li a,
.footerColumns ul#aboutDropDown li a,
.footerColumns ul#helpDropDown li a {
	display: block;
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-top: none;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.25);
	border-radius: 0;
	color: #fff;
	opacity: 0.5;
	font-weight: normal;
	font-size: 12px;
}

.footerColumns ul#policiesFooter {
	display: inline-block;	
	clear: both;
	margin: 20px 0;
}
.footerColumns ul#policiesFooter li {
	display: inline;
}
.footerColumns ul#policiesFooter li a {
	color: #FFFFFF;	
}
.footerColumns ul#policiesFooter li:nth-child(1),
.footerColumns ul#policiesFooter li:nth-child(2),
.footerColumns ul#policiesFooter li:nth-child(5) {
	display: none;	
}

.footerColumns ul#policiesFooter li:nth-child(4) a:before,
.footerColumns ul#policiesFooter li:nth-child(6) a:before {
	content: "\00B7 \0020";	
}
.footerColumns #socialFooter ul {
	display: inline-block;	
	clear: both;
	margin: 5px 0;
}

.footerColumns #socialFooter ul li {
	margin-right: 15px;
}

.footer-copyright {
	margin: 10px 0;
	color: #fff;
	opacity: 0.25;
	font-size: 11px;
}

.my-amigo {
	margin: 10px 0;
	color: #fff;
	opacity: 0.25;
	font-size: 11px;
}

.rwd-display-options span {
	display: block;
	line-height: 1.4;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	color: #666;
	opacity: 0.5;
	position: relative;
	border: 1px solid rgba(90, 90, 90, .5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.05);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.05);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
/* ---------------------------- */
/*	5. Home Page
/* ---------------------------- */

/***** Homepage IDs *****/
#b0-homepage section,
#b1-homepage section,
#b3-homepage section,
#b4-homepage section,
#prehomepage section,
#prehomepage-footer section {
	padding-bottom: 10px;
}

#b0-homepage:before,
#b0-homepage:after, 
#b1-homepage:before,
#b1-homepage:after,
#b3-homepage:before,
#b3-homepage:after,
#b4-homepage:before,
#b4-homepage:after,
#prehomepage:before,
#prehomepage:after,
#prehomepage-footer:before,
#prehomepage-footer:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

#b0-homepage {

}

#b1-homepage {
	margin: 0 -10px;
}

#b3-homepage {

}

#b4-homepage {
	margin: 0 0 20px 0px;
}

#prehomepage ul {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 10px;
}

#prehomepage ul li{
	display: list-item;
	text-align: -webkit-match-parent;
}

#prehomepage-footer {
	
}

/***** Homepage B4 *****/
.b4 {
  width: 50%;
  padding: 1px;
  float: left;
}

/* ---------------------------- */
/*	6. Category Page
/* ---------------------------- */ 

#top-cat-page #widget_left_nav {
	position: relative;
	border: 0px;
	margin: 0px;
	width: 100%;
	padding: 0px;
}

#top-cat-page #category_facet.header {
	display: block;
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd), color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -moz-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -ms-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -o-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cdcdcd;
	margin: 2px 0px 12px 0px;
	z-index: 1;
	position: relative;
}

#top-cat-page #category_facet.header.active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d), color-stop(100%, #ffdf97));
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	border: 1px solid #dfad41;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	position: relative;
	z-index: 2;
}

#top-cat-page #category_facet #expand_icon_category{
	display: none;	
}

#top-cat-page #search_facet_category {
	border-radius: 3px;
	background-color: #f5f5f5;
	margin: 10px;
	padding: 10px;
	border: 1px solid #e9e9e9;
	position: relative;
	top: -18px;
	z-index: 0;	
}

#top-cat-page #search_facet_category ul li {
	margin: 0px;
	padding-left: 0px;
}

#cat_content_2 {
	margin-bottom: 15px;
}

.category-resources:after {
	display: table;
	content: "";
}

.category-resources .row-fluid .mobile1,
.category-resources .row .mobile1,{
  width: 30%;
  padding: 0 1%;
 
}

.category-resources.row-fluid .mobile2,
.category-resources.row .mobile2 {
  width: 50%;
  padding: 0 1%;
}

.category-resources.row-fluid .mobile3, 
.category-resources.row .mobile3 {
  width: 65%;
  padding: 0 1%;
}

.category-resources.row-fluid [class*="mobile"], 
.category-resources.row [class*="mobile"]{
  float:left;
  text-align: left;
  display: block;
}

.category-resources.row-fluid [class*="mobile"] p,
.category-resources.row [class*="mobile"] p {
	margin-bottom: 10px;
}

.category-resources.row-fluid [class*="mobile"] h2,
.category-resources.row [class*="mobile"] h2 {
	width: 100%;
}
/* ---------------------------- */
/*	7. Product List
/* ---------------------------- */
.widget_product_listing_position{
	position:relative;
}
#productsForm{
	clear:both;	
}
#resultsperpage,.compare_target,
label[for='resultsperpage'],
label[for='rpp']{
	display:none;
	
}
div.widget_product_listing_position.container_margin_5px > div > div.form-inline.space-bottom-small{
	padding: 0px 9px;
}
#searchBasedNavigation_widget > div.row-fluid > div{
	height: 40px;
}
div.row-fluid.refine-heading > div > div > div > div.span5{
	margin-top: -23px;
}
div.row-fluid.refine-heading > div > div > div > div.span5 > div{
	display: inline;
}
#total_results{
	font-weight: bold;
	font-size: 16px;
}

#orderBy{
	width: 69%;
	margin-top: 5px;
	font-size: 16px;
	/* float: left; */
}

#WC_SearchBasedNavigationResults_pagination_link_list_categoryResults,#WC_SearchBasedNavigationResults_pagination_link_grid_categoryResults{
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
		-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	background:#fff;
	margin-bottom:10px;
}
				
.pages > span.inactive-prev {
	float: left;
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	margin-right: 2px;
	background:#F4F4F4;
	color:#ccc;

}
.pages > a.left_arrow {
	float: left;
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	margin-right: 2px;
	background-color: #fff;

}
.pages > span.inactive-next {
	float: right;
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
		-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background:#F4F4F4;
	color:#ccc;
}
.pages > a.right_arrow {
	float: right;
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
		-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-color: #fff;
}


/* ---------------------------- */
/*	7.1 Grid View
/* ---------------------------- 
.widget_product_listing:after{
	display: table;
	content: "";
}*/
.widget_product_listing > .row-fluid:before,
.widget_product_listing > .row-fluid:after {
	display: table;
	content: "";
}
.widget_product_listing > .row-fluid > .span4,
.widget_product_listing > .row-fluid > .span3{
	width:50%;
	padding:0% 1%;
	float:left;
}
/*
.widget_product_listing > .row-fluid > .span4 .prod-grid-container br,
.widget_product_listing > .row-fluid > .span3 .prod-grid-container br{
	display:block;
}
*/
.row-fluid > .span4 .prod-grid-container > .row-fluid > [class*="span"],
.row-fluid > .span3 .prod-grid-container > .row-fluid > [class*="span"]{
	float:left;
}
.row-fluid > .span4 .prod-grid-container .row-fluid .span4,
.row-fluid > .span3 .prod-grid-container .row-fluid .span4{
	/* float:left; */
	width: 37%;
	/* margin-right:5%; */
}
.row-fluid > .span4 .prod-grid-container .row-fluid .span8,
.row-fluid > .span3 .prod-grid-container .row-fluid .span8
{
	/* float:left; */
	/* width: 100%; */
}
.widget_product_listing > .row-fluid > .span4 .prod-grid-container .row-fluid .span12, 
.row-fluid > .span3 .prod-grid-container .row-fluid .span12{
	width: 100%;
}
.widget_product_listing > .row-fluid .span4 .prod-grid-container,
.row-fluid .span3 .prod-grid-container,
.widget_product_listing > .row-fluid .span4 .prod-grid-container.prod-grid-hover,
.row-fluid .span3 .prod-grid-container.prod-grid-hover{
	padding:0px 5px;
	height: 235px;
	margin-bottom:12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #C2C2C2;
}
#searchBasedNavigation_widget .row-fluid .span3 .prod-grid-container,#searchBasedNavigation_widget .row-fluid .span3 .prod-grid-container.prod-grid-hover{
	height: auto;
	padding:0px 5px;
	margin-bottom:12px;
	padding: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #C2C2C2;
}
.row-fluid > .span4 .prod-grid-container .prod_list_image,
.row-fluid > .span3 .prod-grid-container .prod_list_image
 {
	width: 102px;
  	height: 102px;
  	text-align: center;
  	vertical-align: middle;
  	padding:5px 0;
  	margin:0 auto;
  	overflow:hidden;
}
.widget_product_listing > .row-fluid > .span4 .prod-grid-container h2,
.widget_product_listing > .row-fluid > .span3 .prod-grid-container h2
{
	font-size: 14px;
    line-height: 15px;
    height: 70px;
    margin-bottom: 18px;
}
.row-fluid > .span3 .prod-grid-container h2{
	font-size: 14px;
	line-height: 15px
}
.row-fluid > .span4 .prod-grid-container .input-cart,
.row-fluid > .span3 .prod-grid-container .input-cart{
	text-align: center;
	font-size: 16px;
	padding: 7px 5px;
	width: 20%;
}
.row-fluid > .span4 .prod-grid-container .prod_list_ShippingInfo,
.row-fluid > .span3 .prod-grid-container .prod_list_ShippingInfo {
	font-size: 10px;
	line-height: 12px;
	color: #676767;
	padding-top: 0px;
	margin: 3px 0 0 0;
}
.row-fluid > .span4 .prod-grid-container button[id ^='addToCartBtn_'],
.row-fluid > .span3 .prod-grid-container button[id ^='addToCartBtn_'] {
	font-weight: bold;
	margin-top: 0px;
}
.widget_product_listing > .row-fluid > .span4 .prod-grid-container .price-tier,
.widget_product_listing > .row-fluid > .span3 .prod-grid-container .price-tier{
	height:110px;
}
.widget_product_listing > .row-fluid > .span4 .prod-grid-container .prod_list_brand,
.widget_product_listing > .row-fluid > .span3 .prod-grid-container .prod_list_brand{
	height: 38px;
	font-size: 14px;
	display:none;
}
.widget_product_listing > .row-fluid > .span4 .prod-grid-container .prod_list_partnum,
.widget_product_listing > .row-fluid > .span3 .prod-grid-container .prod_list_partnum,
#searchBasedNavigation_widget .row-fluid > .span3 .prod-grid-container .prod_list_partnum{
	font-weight: bold;
	font-size: 13px;
}
#searchBasedNavigation_widget .row-fluid > .span3 .prod-grid-container .promo-savingscallout {
	color: #990000;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
}
#searchBasedNavigation_widget .row-fluid > .span3 .prod-grid-container .promo-price {
	color: #000066;
	font-weight: bold;
	font-size: 16px;
}
.widget_product_listing > .row-fluid > .span4 .prod-grid-container .config_Item,
.widget_product_listing > .row-fluid > .span3 .prod-grid-container .config_Item{
	font-size:12px;
	text-align:center;
}


/* ---------------------------- */
/*	7.2 List View
/* ---------------------------- */
.widget_product_listing > .row-fluid > .span12 .prod-list-container {
	position:relative;
	margin-bottom:12px;
	max-height: 800px;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	clear:both;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container .prod_list_image{
	width: 102px;
  	height: 102px;
  	text-align: center;
  	vertical-align: middle;
  	padding:5px 0;
  	margin:0 auto;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container h2
{
	font-size: 14px;
	line-height: 15px;
	/* padding: 0px 8px; */
}
/* quantity input field */
.widget_product_listing > .row-fluid > .span12 .prod-list-container .input-cart{
	text-align: center;
	font-size: 16px;
	padding: 7px 5px;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container .prod_list_partnum{
	font-weight: bold;
	font-size: 14px;
	margin-bottom:8px;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container .prod_list_description{
	height:90px;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container .price-tier{
	height: 122px;
}
/* quantity input field div*/
.widget_product_listing > .row-fluid > .span12 .prod-list-container div[id^='list-view-qty_'] .span3 {
	width: 23.369727648999998%;
}
/* add to cart div */
.widget_product_listing > .row-fluid > .span12 .prod-list-container div[id^='list-view-qty_'] .span9 {
	width: 25.329974%;
}
/* add to saved list div */
.widget_product_listing > .row-fluid > .span12 .prod-list-container {

}
.widget_product_listing > .row-fluid > .span12 .prod-list-container button[id ^='addToCartBtn_'] {
	font-weight: bold;
	margin-top: 0px;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container div.span3{
position:relative;
}
/* check stock button */
.widget_product_listing > .row-fluid > .span12 .prod-list-container .ListView_CheckStock {

}
button[id^='add-to-list_']{
	width:100%;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container .prod_list_ShippingInfo{
	color: #676767;
	padding-top: 0px;
	margin: 3px 0 0 0;
}

.widget_product_listing > .row-fluid > .span12 .prod-list-container .FreeShippingColorFontface {
	color: #000000;
	font-weight: bold;
}

.widget_product_listing > .row-fluid > .span12 .prod-list-container .prod_list_ShippingInfo .lower48 {
	font-size: 11px;
}
.widget_product_listing > .row-fluid > .span12 .prod-list-container br{
	display:block;
}

.widget_product_listing > .row-fluid > .span12 .prod-list-container .config_Item{
	font-size: 16px;
	padding: 5px 0px;
	text-align: center;
}
/* ---------------------------- */
/*	8. Product Detail
/* ---------------------------- */
/*#product-detail{
	margin-bottom: -70px;
}*/
.widget_carousel_position{
	margin-top: 0px;
}
#prod_detail_left_col{
	display:none !important;	
}
/*.product-details {
	margin-top: 90px;
}*/

.product-details ul{
	list-style: disc;
}
.product-details ul li{
	display: list-item;
}
section#documentation{
	margin-top:10px;	
}
section#documentation br{
	display:block;	
}
#product_detail_image{
	text-align:center;
}

#product_detail_image h1{
	text-align: left;
}
.secondaryimage img{
	border: 1px solid #B8B8B8;
	height: 50px;
	margin: 10px 10px 20px 0px;
	padding: 5px;
	width: 50px;
	text-align: center;
	padding:5px;
	float:left;
}
#product-detail-shipping{
position: relative;
}

#product-detail-shipping .well{
	margin: 5px 0px 10px 0px;
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;

}
#product-detail-description .ListView_CheckStock{
	 margin-top: 21px;
    font-size: 14px;
}
#product-detail-description .add-to-list{
	width:100%;
}
#product-detail-description{
	position:relative;
	clear:both;	
}

#product-detail input[id^='qty_']{
	width: 19%;
	height: 40px;
	text-align: center;
	font-size: 16px;
	padding: 7px 5px;
	display: inline-block;
}
#product-detail .mobile-btn-gray.mobile-sml{
		
}
#product-detail button.mobile-btn-gray.mobile-sml{
	float:left;
	width:40%;
	margin:14px 0 20px 0px;
}
#product-detail a.mobile-btn-gray.mobile-sml{
	float:right;
	width:40%;
	margin:14px 5px 200px 0;
}
#product-detail button[id^='addToCartBtn_'] {
	display: inline-block;
	width: 70%;
	margin-top: 0px;
	margin-left:9%;
}
#product-detail-price-tier{
	width:100%;
	top:0;	
}
.price-tier{
	padding: 4px 2px;
	height: auto;
	font-weight:bold;
}

.price-tier li {
	width: 100%;
	list-style-type: none;
	border-bottom: 1px dotted #000;
	margin: 10px 0;
}
.price-tier .row-fluid .span7{
	margin-top:-17px;
}

#product-detail-price .price-tier li span {
	float: right;
	font-weight: bold;
}

div#rr_well.well{
	display:none !important;	
}
#make table,
#material table,
#specifications table,
#dimensions table,
#assembleddimensions table,
#features table,
#parts table,
#certification table {
	width: 100%;
	border: 1px solid #ddd;
	margin: 10px 0;
}

#make table thead tr,
#material table thead tr,
#specifications table thead tr,
#dimensions table thead tr,
#assembleddimensions table thead tr,
#features table thead tr,
#parts table thead tr,
#certification table thead tr
  {
	background-color: #ededed;
	border-bottom: 1px solid #ddd;
}

#make table thead tr th,
#material table thead tr th,
#specifications table thead tr th,
#dimensions table thead tr th,
#assembleddimensions table thead tr th,
#features table thead tr th,
#parts table thead tr th,
#certification table thead tr th
 {
	padding: 10px;
	text-align: left;
	font-weight: bold;
}

#make table tbody tr td,
#material table tbody tr td,
#specifications table tbody tr td,
#dimensions table tbody tr td,
#assembleddimensions table tbody tr td,
#features table tbody tr td,
#parts table tbody tr td,
#certification table tbody tr td {
	padding: 10px;
}

#make table tbody tr td:nth-of-type(2n),
#material table tbody tr td:nth-of-type(2n),
#specifications table tbody tr td:nth-of-type(2n),
#dimensions table tbody tr td:nth-of-type(2n),
#assembleddimensions table tbody tr td:nth-of-type(2n),
#features table tbody tr td:nth-of-type(2n),
#parts table tbody tr td:nth-of-type(2n),
#certification table tbody tr td:nth-of-type(2n){
	text-align: right;
}

#make table tbody tr:nth-of-type(2n),
#material table tbody tr:nth-of-type(2n),
#specifications table tbody tr:nth-of-type(2n),
#dimensions table tbody tr:nth-of-type(2n),
#assembleddimensions table tbody tr:nth-of-type(2n),
#features table tbody tr:nth-of-type(2n),
#parts table tbody tr:nth-of-type(2n),
#certification table tbody tr:nth-of-type(2n) {
	background-color: #f9f9f9;
}

#make table tbody tr:not (:last-of-type),
#material table tbody tr:not (:last-of-type),
#specifications table tbody tr:not (:last-of-type),
#dimensions table tbody tr:not (:last-of-type),
#assembleddimensions table tbody tr:not (:last-of-type),
#features table tbody tr:not (:last-of-type),
#parts table tbody tr:not (:last-of-type),
#certification table tbody tr:not (:last-of-type){
	border-bottom: 1px solid #ddd;
}


#prod-detail-left-col, #rr_well{
display:none !important;	
}

#widget_carousel_position{
	margin-top:190px;	
}


/* ---------------------------- */
/*	9. Shopping Cart
/* ---------------------------- */
#shopping-cart .page-header {
	margin-bottom: 1.5em;
}

#shopping-cart h1 {
	display: inline;
}
#quickadd button{
	width:100%;
	margin-top:15px;
}
#quickadd h3 {
	display: block;
	
}
#quickadd label {
	
	
}


div[id^='cart_item'] input[id^='quantity'],
div[id^='cart_item'] input[id^='subQuantity'] {
	width: 60px;
	text-align: center;
	display: inline-block;
	margin-bottom: 0;
	padding: 18px 5px;
}

#quickadd input[id^='quickPartNumber'] {
	width: 30%;
	display: inline;
	margin: 5px 10px 5px -4px;
}

#quickadd input[id^='quickQuantity'] {
	width: 25%;
	display: inline;
	margin: 5px 0;
}

#quickadd.well {
	padding: 6px;
	margin: 10px 0 22px 0;
	text-align: left;
	
}


#shopping-cart-breadcrumb1,#shopping-cart-breadcrumb2,#shopping-cart-breadcrumb3,#shopping-cart-pricing-breadcrumb1,#shopping-cart-pricing-breadcrumb2,#shopping-cart-pricing-breadcrumb3,#order-confirm-breadcrumb1,#order-confirm-breadcrumb2,#order-confirm-breadcrumb3
 #reno_cart_breadcrumb1,#reno_cart_breadcrumb2,#reno_cart_breadcrumb3,#reno_pricing_breadcrumb1,#reno_pricing_breadcrumb2,#reno_pricing_breadcrumb3,#reno_order_confirm_breadcrumb1,#reno_order_confirm_breadcrumb2,#reno_order_confirm_breadcrumb3
	{
	white-space: nowrap;
}

#shopping-cart-breadcrumb1,#reno_cart_breadcrumb1 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	padding: 2px 5px;
	height: 22px;
	padding-right: 11px;
	position: relative;
}

#shopping-cart-breadcrumb1 :after,#reno_cart_breadcrumb1 :after {
	content: "";
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: #fff #fff #fff transparent;
	position: absolute;
	top: 0;
	right: 0;
}

#shopping-cart-breadcrumb2,#reno_cart_breadcrumb2 {
	background-color: #eaeaea;
	padding: 2px 11px 4px 2px;
	height: 22px;
	position: relative;
	left: 2px;
}

#shopping-cart-breadcrumb2 :before,#reno_cart_breadcrumb2 :before {
	content: "";
	position: absolute;
	left: -11px;
	top: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: #eaeaea #eaeaea #eaeaea transparent;
}

#shopping-cart-breadcrumb2 :after,#reno_cart_breadcrumb2 :after {
	content: "";
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: #fff #fff #fff transparent;
	position: absolute;
	top: 0;
	right: 0px;
}

#shopping-cart-breadcrumb3,#reno_cart_breadcrumb3 {
	background-color: #eaeaea;
	padding: 2px;
	height: 22px;
	position: relative;
	left: 4px;
}

#shopping-cart-breadcrumb3 :before,#reno_cart_breadcrumb3 :before {
	content: "";
	position: absolute;
	left: -11px;
	top: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: #eaeaea #eaeaea #eaeaea transparent;
}

#order-confirm-breadcrumb1,#reno_order_confirm_breadcrumb1 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	padding: 2px 5px;
	height: 22px;
	padding-right: 11px;
	position: relative;
}

#order-confirm-breadcrumb1 :after,#reno_order_confirm_breadcrumb1 :after
	{
	content: "";
	height: 20px;
	width: 20px;
	background-color: transparent;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#order-confirm-breadcrumb2,#reno_order_confirm_breadcrumb2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	padding: 2px 12px 2px 5px;
	height: 22px;
	position: relative;
}

#order-confirm-breadcrumb2 :after,#reno_order_confirm_breadcrumb2 :after
	{
	content: "";
	height: 20px;
	width: 20px;
	background-color: transparent;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#order-confirm-breadcrumb3,#reno_order_confirm_breadcrumb3 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	padding: 2px;
	height: 22px;
}

#reno_city #cityLabel,#reno_state #stateLabel,#reno_zip #zipLabel {
	width: 110px;
}

#reno_city .controls,#reno_state .controls,#reno_zip .controls {
	margin-left: 130px;
}

#shopping-cart-breadcrumbs {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	box-align: stretch;
	font-size: 11px;
	margin-bottom: 1em;
}

#shipToAddressSelect {
	display: inline-block;
	width: 40%;
	margin: 10px 10px 10px 0;
}

#ordersummary {
	text-align: center;
	width:100%;
}
#ordersummary table td{
	font-size:18px;
}


#ordersummary a {
	font-size: 13px;
}

#ordersummary table {
	display: block;
	text-align: center;
	margin-left: 28%;
	margin-bottom: 5%;
}

#ordersummary table td {
	display: inline-block;
	font-size:18px;
}
#guest_shopping_review_order,#submitOrderBtn_2{
	margin-left: 10%;
}
#ordersummary.well {
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	margin-bottom: 0;
	margin-top: 20px;
	min-height: 0;
	padding: 0;
	font-size: 1.2em;
}

#submitOrderBtn_2,#shopping-cart-review-order,#guest_shopping_review_order
	{
	display: inline-block;
	margin-top: 10px;
	width: 80%;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px;
	text-align: center;
	text-shadow: 0 -1px 0 #004684;
}

#cart-btn-set1,#cart-btn-set2 {
	overflow: hidden;
	clear: both;
}

.mobile-cart-item-btn-set {
	overflow: hidden;
	clear: both;
}

#cart-btn-set1 .mobile-btn-yellow.mobile-sml,#cart-btn-set2 .mobile-btn-yellow.mobile-sml,.mobile-cart-item-btn-set  .mobile-btn-yellow.mobile-sml
	{
	float: left;
	margin-left: 0;
	margin-top: 28px;
}

.mobile-cart-item-btn-set  .mobile-btn-yellow.mobile-sml {
	float: left;
	margin-left: 0;
	margin-top: 9px;
}

#cart-btn-set1 .mobile-btn-gray.mobile-sml,#cart-btn-set2 .mobile-btn-gray.mobile-sml,.mobile-cart-item-btn-set  .mobile-btn-gray.mobile-sml
	{
	float: right;
	margin-right: 0;
	padding: 10px 7px;
}

#addToCartButton {
	margin: 0;
	display: inline;
}
#sourcecode{
  /*border: 1px solid #ddd;
  border-radius: 2px;
  margin: 10px 0;
  padding: 10px;*/
}

#cart_shipTo br {
	display: block;
}
#cart_shipTo,#SourceCodeForm {
	background-color: #fff;
}

div[id ^='cart_item_'],div[id ^='cart_substitute_item_'],div[id ^='order_item_']
	{
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 2px;
	margin: 10px 0;
	padding: 10px;
}

div[id ^='cart_item_'] .alert,div[id ^='cart_substitute_item_'] .alert,div[id
	^='order_item_'] .alert {
	margin-bottom: 0;
}
.alert.alert-error br{
	display: block;
}
div[id ^='cart_img_'],div[id ^='cart_substitute_img_'],div[id ^='order_img_']
	{
	float: left;
	padding-right: .5em;
}

div[id ^='cart_desc_'],div[id ^='cart_substitute_desc_'],div[id ^='order_desc_']
	{
	
}

p[id ^='cart_partnumber_'],p[id ^='cart_substitute_partnumber_'],p[id ^='order_partnumber_']
	{
	margin-left: 4.6em;
}

p[id ^='cart_delivery_date_'],p[id ^='cart_substitute_delivery_date_'],p[id
	^='order_delivery_date_'] {
	margin-top: 1em;
	margin-left: .5em
}

span[id ^='cart_date_'],span[id ^='cart_substitute_date_'],span[id ^='order_date_']
	{
	float: right;
}

div[id ^='cart_price_'],div[id ^='cart_substitute_price_'],div[id ^='order_price_']
	{
	float: right;
	clear: both;
	padding: 1em 0;
}

div[id ^='cart_qty_'],div[id ^='removeSubsElement_'],div[id ^='order_qty_']
	{
	float: right;
	clear: both;
	margin-bottom: 1em;
}

strong[id ^='cart_subtotal_'],strong[id ^='cart_substitute_subtotal_'],strong[id
	^='order_subtotal_'] {
	float: right;
	clear: both;
	padding-top: 1em;
	display: block;
}

#back-order-options {
	min-height: 20px;
	padding: 0;
	margin-bottom: 0;
	background-color: #fff;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);
}

#SourceCodeForm textarea {
	width: 100%;
}

#SourceCodeForm input {
	width: 100%;
	margin: 10px 0 20px 0;
}

#orderDesc_showHideAnchor {
	margin-top: 1em;
}

#promoCode_showHideAnchor {
	margin-top: -.6em;
}

#SourceCodeForm i {
	float: right;
}

#whatIsBackOrder {
	float: right;
}

#orderDesc_showHideAnchor {
	
}

.mobile-border-top {
	border-top: 1px solid #e9e9e9;
	clear: both;
}
#clear_cart1, #clear_cart2{
	margin-top:28px;
}
/* Service: 288449 and 288448: Shoppingcart Hyperlink Color Format */
a#ProdDescFormatLink{
	color: #333333;
}

/* ---------------------------- */ 
/*	8. Shipping and Billing
/* ---------------------------- */
#shopping-cart-pricing-breadcrumb1,#reno_pricing_breadcrumb1 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	padding: 2px 5px;
	height: 22px;
	padding-right: 11px;
	position: relative;
}

#shopping-cart-pricing-breadcrumb1 :after,#reno_pricing_breadcrumb1
	:after {
	content: "";
	height: 20px;
	width: 20px;
	background-color: transparent;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 0;
	right: 5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#shopping-cart-pricing-breadcrumb2,#reno_pricing_breadcrumb2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97) );
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	padding: 2px 12px 2px 5px;
	height: 22px;
	position: relative;
}

#shopping-cart-pricing-breadcrumb2 :after,#reno_pricing_breadcrumb2
	:after {
	content: "";
	border-style: solid;
	border-width: 11px 0 11px 11px;
	border-color: #fff #fff #fff transparent;
	position: absolute;
	top: 0;
	right: 0px;
}

#shopping-cart-pricing-breadcrumb3,#reno_pricing_breadcrumb3 {
	background-color: #eaeaea;
	padding: 2px;
	height: 22px;
	position: relative;
	left: 2px;
	color: #858585;
}

#shopping-cart-pricing-breadcrumb3 :before,#reno_pricing_breadcrumb3
	:before {
	content: "";
	position: absolute;
	left: -11px;
	top: 0;
	border-style: solid;
	border-width: 11px 0 11px 11px;
	border-color: #eaeaea #eaeaea #eaeaea transparent;
}

#creditcard #cardBrand,#creditcard #cardNumber,#creditcard #cardHolderName
	{
	width: 100%;
	margin: 0;
}

#creditcard #cardVerificationCode,#creditcard #pin,#creditcard #cardExpiryMonth,
	.#creditcard #cardExpiryYear {
	width: auto;
	display: inline-block;
	margin: 0;
}

#creditcard #cardVerificationCode#cardExpiryMonth,#creditcard #pin#cardExpiryMonth,#creditcard #cardExpiryMonth#cardExpiryMonth,#creditcard #cardExpiryYear#cardExpiryMonth
	{
	margin-right: 10px;
}

#creditcard #cardVerificationCode#cardVerificationCode,#creditcardt #pin#cardVerificationCode,
#creditcard #cardExpiryMonth#cardVerificationCode,#creditcard #cardExpiryYear#cardVerificationCode{
	width: 35%;
}

#OrderProcessForm .control-group {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	margin: 15px 0;
}

#OrderProcessForm .control-label {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	width: 270px;
	margin-top: 8px;
}

#OrderProcessForm .help-small {
	font-size: 11px;
}

div[id ^='order_qty_'] input[disabled ^='true'] {
	width: 25%;
	float: right;
	color:#000 !important;
	text-align:center;
}
#cartsidebar{
	position: relative;
}



#cartsidebar .align-center {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#cartsidebar h2 {
	font-size: 1.80em;
}


#order-summary tbody tr {
	line-height: 2em;;
}

#order-summary tbody tr td:nth-child(2){
	text-align: right;
}

#order-summary td.font-20px {
	font-size: 1.50em;
	font-weight: bold;
}
#shopping-cart #ordernotes{
	position: static;
}

#shopping-cart #po-container{
	position: static;
}
#shopping-cart #purchaseorder{
	position: static;
}
#po-container {
	/*position: absolute;
	width:100%;
	top: 450px;*/
	margin-bottom: 1em;
	text-align: center;
}


#purchaseorder {
	/*position: absolute;
	top: 295px;
	width: 100%;*/
	text-align: left;
}

#shopping_cart_review_order {
	margin: 0 0 10px 10px;
}

#purchaseorder label.light-gray-text {
	font-weight: normal !important;
}

#cartsidebar #orderDesc {
	display: block;
	width: 100%;
}

#ordernotes {
	/*position: absolute;
	top: 355px;
	width: 100%;*/
	text-align: left;
}

#bill_to.dl-horizontal label.radio {
	display: inline-block;
}
/* ------------- Guest Shopping Checkout ------------- */
#guest_reg_fields .help-inline{
	color: #c09853;
	display:block;
	margin-top: -9px;
	margin-bottom: 5px;
		
}
#guest_reg_shipping_info, #billing_info_div,#guest_customer_profile{
	position:relative;
}
#billing_info_div{
	margin-top:830px;
}
#guest_customer_profile{
	margin-top:590px;
}
#guest_reg_lastname,#guest_reg_address,#guest_reg_address2,#guest_reg_city,#guest_reg_state,#guest_reg_zip,
#guest_reg_industrySelect,#guest_type_of_business,#guest_reg_number_units,#guest_reg_phone,#guest_reg_fax,
#guest_reg_ship_bill_same,#billing_company_name, #guest_reg_billing_address1,
#guest_reg_billing_address2,#guest_reg_billing_city,#guest_reg_billing_state,
#guest_reg_billing_zip,#guest_reg_billing_phone,#guest_reg_billing_fax{
	position:absolute;
	left:0;
	width:100%;
}
#guest_reg_lastname{
	top: 60px;
}
#guest_reg_address{
	top: 120px;
}
#guest_reg_address2{
	top: 223px;

}
#guest_reg_city{
	top:283px;
}

#guest_reg_state{
	top:343px;
}

#guest_reg_zip{
	top:399px;
}
#guest_reg_industrySelect{
	top:458px;
}
#guest_type_of_business{
	top:514px;
}

#guest_reg_number_units{
	top:568px;
}
#guest_reg_phone{
	top:627px;	
}
#guest_reg_fax{
	top:711px;	
}
#guest_reg_ship_bill_same{
	top:810px;	
}

#guest_reg_billing_address1{
	top: 142px;
}
#guest_reg_billing_address2{
	top: 242px;
}

#guest_reg_billing_city{
	top: 300px;
}
#guest_reg_billing_state{
	top: 360px;
}

#guest_reg_billing_zip{
	top: 415px;
}
#guest_reg_billing_phone{
	top: 475px;
}
#guest_reg_billing_fax{
	top: 560px;
}
/* ---------------------------- */ 
/*	9. Order Confirmation
/* ---------------------------- */
#order_conf > p {
	padding-bottom: 10px;
}

#order_conf > .row-fluid > .row-fluid .span4 {
	margin: 10px auto;
	width: 295px;
	float: left;
}

#order_conf > .row-fluid > .row-fluid a {
	display: inline-block;
	padding: 10px 55px 10px 10px;
}

.well.mkt-ad {
	padding: 0px;
	height: 95px;
	text-align: left;
}

.mkt-ad h4 {
	padding-left: 10px;
	margin-top: 4px !important;
}

.mkt-ad h2 {
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 18px;
	margin: 0px 0 -3px 0;
}

#order_conf>.row-fluid>.row-fluid .mkt-ad a {
	padding: 0px;
	padding-top: 8px;
	padding-left: 10px;
}

/* ---------------------------- */ 
/*	10. Quick Order
/* ---------------------------- */

#quick-order-form .row-fluid .mobile4:nth-child(odd),
#quick-order-form .row .mobile4:nth-child(odd) {
  width: 28%;
  padding: 0 1%;
}

#quick-order-form .row-fluid .mobile4:nth-child(even),
#quick-order-form .row .mobile4:nth-child(even) {
  width: 21.5%;
  padding: 0 7px 0 4px;
}

#quick-order-form .row-fluid .mobile4, 
#quick-order-form .row .mobile4 {
  float:left;
  text-align: left;
  display: block;
}

#quick-order-form input {
	height: 38px;
}
#mobile-mini-quickorder{
    margin: -11px -10px 10px;
    border-bottom: 1px solid #ccc;
}
#mini-quick-order-header.mobile-left-nav-header{
	border-radius:0px;
	padding: 15px 10px 10px 10px;
	margin: 0px;
}
#MobileMiniQuickOrderForm.mobile-left-nav{
	top:-12px;
	border:none;
	background:none;
}
#MobileMiniQuickOrderForm.mobile-left-nav:after{
	clear:both;
}
#MobileMiniQuickOrderForm #mini-quick-order-section1 div[class*="span"], 
#mini-quickorder-buttons div[class*="span"]{
	float: left;	
}
#MobileMiniQuickOrderForm #mini-quick-order-section1 div.span3 {
	width: 47%;
	margin-left: 5%;
}	
#MobileMiniQuickOrderForm #mini-quick-order-section1 div.span2 {
	width: 25%;
	margin-left: 17%;
}
#mini-quickorder-buttons {
	height: 40px;
}
#mini-quickorder-buttons div:nth-child(1) {
	width: 46%;
	margin-top: 22px;
	margin-left: 5%;
}
#mini-quickorder-buttons div:nth-child(2) {
	width: 38%;
	margin-left: 7%;
}
a#WC_QuickOrderForm_Link_2 {
	display: block;
	margin-bottom: 10px;
}
/* Incident# 569524 hides number spinner when using input type number on quick order forms when using chrome and safari */
#MiniQuickOrderForm input::-webkit-outer-spin-button,
#MiniQuickOrderForm input::-webkit-inner-spin-button,
#MQuickOrderForm input::-webkit-outer-spin-button,
#MQuickOrderForm input::-webkit-inner-spin-button{
	display: none;
}

/* Incident# 569524 hides number spinner when using input type number on quick order forms whe using firefox */
#MQuickOrderForm input[type=number], 
#MiniQuickOrderForm input[type=number]{
    -moz-appearance:textfield;
}

/* ------------------------------------------------------------------- */
/*	12. Order History																																											
/* ------------------------------------------------------------------- */

/* ---------------------------- */ 
/*	12.1 Order History Summary
/* ---------------------------- */
#order-history-summary #view-general-search {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	/*margin: 10px;*/
	padding: 10px;
	border: 1px solid #e9e9e9;
	overflow: auto;
}

#oh-today-orders .well {
	background-color: #fff;
	padding: 0px;
	border: 0px solid #fff;
	border-radius: 0px;
	box-shadow: none;
}

#oh-today-orders .responsive-table td:first-child {
	background-color: #ccc;	
}

#oh-today-orders .responsive-table td,
#order-history-summary .responsive-table td {
	height: 40px;	
}

#order-history-summary .responsive-table td:first-child {
	background-color: #ccc;	
}

#order-history-summary .pagination {
	margin: 0;
	overflow: auto;
}

#order-history-summary  span.inactive-prev {
	float: left;
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 2px;
	background: #F4F4F4;
	color: #ccc;
}

#order-history-summary .pagination ul {
	display: inline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; 
}

#order-history-summary .pagination li {
	display: none;
}

#order-history-summary .pagination li.pagination_prev_next {
	display: inline;
}

#order-history-summary .pagination li:first-child a{
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: left;
}
#order-history-summary .pagination li:last-child a{
	padding: 10px 13px;
	line-height: 24px;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 3px;
	float: right;
}

/* ---------------------------- */ 
/*	12.2 Order History Detail
/* ---------------------------- */


#order-history-detail #order-history-detail-shipping td br {
	display: block;
}

#order-history-detail .responsive-table-fit {
    border-collapse: collapse;
    margin-bottom: 18px;
    width: 100%;
}
#order-history-detail .responsive-table-fit thead tr {
	background-color: #FFD461;
	border-color: #FFD461;
}

#order-history-detail .responsive-table-fit th {
	font-weight: bold;
	vertical-align: middle;
	padding: 8px;
	line-height: 18px;
	text-align: center;
	border-collapse: collapse;
}

#order-history-detail .responsive-table-fit td {
	padding: 8px;
	line-height: 18px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-collapse: collapse;
	text-align: left;
}

#order-history-detail .table-bordered.responsive-table-fit {
	border: 1px solid #ddd;
	border-collapse: separate; *
	border-collapse: collapse;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
} 
#order-history-detail .responsive-table td {
	height: 40px;	
}
#order-history-detail .responsive-table td:first-child {
	height: 150px;
}
#order-history-detail .orderhistorydetail-proddesc {
	padding-top: 5px;
	text-align: left;
}
#order-history-detail .orderhistorydetail-proddesc br {
	display: block;
}

#order-history-detail .responsive-table td:last-child {
	height: 75px;
}
#order-history-detail .responsive-table tr.table-price-summary td {
	display: none !important;
}

#order-history-detail .mobile-price-table.responsive-table  td:first-child {
	height: 39px;
}
#order-history-detail .mobile-price-table.responsive-table  td:last-child {
	height: 39px;
}
/* ---------------------------- */ 
/*	Order Status 
/* ---------------------------- */

#order-status-table td.order-status-description{
	padding-left:100px;
}
#order-status-table tr td {
	min-height:40px;
}
#order-status-table tbody tr {
	-moz-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom:1px solid #ddd;
}
#order-status-summary-header-icon, #order-status-shipping-header-icon{
	float:right;	
}
.table-no-rules {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #FFD461;
	border-collapse: separate;
	*border-collapse: collapsed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.table-no-rules th,.table-no-rules td {
	padding: 4px 8px;
	text-align: left;
}

.table-no-rules th.align-right,.table-no-rules td.align-right {
	text-align: right;
}

.table-no-rules th {
	background-color: #FFD461;
	border: #FFD461;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	font-weight: bold;
	font-size: 16px;
	padding:10px;
}

.table-no-rules td {
	vertical-align: top;
	/* line-height: 14px; */
}

.table-no-rules td:first-child {
	font-weight: bold;
}

.table-no-rules thead:first-child tr th,.table-no-rules thead:first-child tr td {
	border-top: 0;
}
.table-no-rules td br{
	display:block;
}
/* ---------------------------- */ 
/*	13. Saved List Summary
/* ---------------------------- */
td.saved-list-notes{
	/* word-break: break-word; */
	/* white-space: pre; */
	height: auto;
	padding-left: 50px;
	min-height: 35px;
}
#create_new_list{
	float:left;
	margin-bottom: 40px;
}
#saved_list_video_container{
	padding-top: 21px;
}

#saved-list-summary-table .saved-list-delete{
	margin-right:0;
	padding: 10px 20px;
	width: 85px;
}

#ContentSpot-container {
	top: 50px !important;
	width: 85% !important;

}
.dijitDialog#createnewlist-container{
	top: 50px !important;
	width:100%;
}

.dijitDialog#createnewlist-container .dijitDialogPaneContent{
	padding: 5px 13px;}
.dijitDialog#createnewlist-container .dijitDialogPaneContent,#ContentSpot-container .dijitDialogPaneContent {
	height: 100% !important;
	width: 100% !important;

}
#ContentSpot-container .dijitContentPane {
	right: 15px !important;
	left: 15px !important;
	width: auto !important;
}
#ContentSpot-container .dijitDialogPaneContent iframe {
	width: 100% !important;
	height: inherit !important;
	display: inherit;
}

#createnewlist-container .dijitDialogPaneContent form {
	width: auto !important;
	height: auto;
}

#createnewlist-container .dijitDialogPaneContent section {
	padding-bottom: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
}

#createnewlist-container .dijitDialogPaneContent section label {
	display: block;
}

#createnewlist-container .dijitDialogPaneContent section textarea {
	display: block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

#createnewlist-container .dijitDialogPaneContent iframe {
	width: 100% !important;
	height: inherit !important;
	display: inherit;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid {
	width: 100%;
	*zoom: 1;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid:before,
	#createnewlist-container .dijitDialogPaneContent .row-fluid:after {
	display: table;
	content: "";
}

#createnewlist-container .dijitDialogPaneContent .row-fluid:after {
	clear: both;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid>[class*="span"]{
	float: left;
	margin-left: 2.1104%;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid>[class*="span"]:first-child{
	margin-left: 0;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid .span1{
	width: 6.38298%;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid .span2:nth-of-type(odd){
	width: 26%;
	margin-left: 7px;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid .span2:nth-of-type(even){
	width: 18%;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid .span2:nth-last-of-type(-n+2){ 
	display: none;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid .span5 {
	width: 100%;
}

#createnewlist-container .dijitDialogPaneContent .row-fluid .span11 {
	width: 100%;
}

#createnewlist-container .dijitDialogUnderlay {
	width: 100% !important;
	height: 100% !important;
}

#createnewlist-container #createBtn{
	
}
#emailSavedList-container {
	top: 40px !important;
}

#emailSavedList-container .dijitDialogPaneContent
	{
	width: 100% !important;
	height: 100% !important;
}

#emailSavedList-container section {
	margin-top: 10px;
	margin-bottom: 20px;
}

#emailSavedList-container section label {
	display: block;
	margin-top: 10px;
}

#emailSavedList-container textarea {
	width: 100%;
}

#emailSavedList-container button {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d),
		color-stop(100%, #ffdf97));
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	cursor: pointer;
	font-size: 13px;
	line-height: 1.4;
	margin: 10px 0;
	padding: 10px;
	display: block;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: opacity, 0.2s, ease-out;
	-moz-transition: opacity, 0.2s, ease-out;
	-ms-transition: opacity, 0.2s, ease-out;
	-o-transition: opacity, 0.2s, ease-out;
	transition: opacity, 0.2s, ease-out;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	border: 1px solid #dfad41;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	display: inline-block;
	padding: 10px 20px;
}

#emailSavedList-container button:hover,
	#emailSavedList-container button:active {
	opacity: 0.9;
	-webkit-transition: opacity, 0.2s, ease-in;
	-moz-transition: opacity, 0.2s, ease-in;
	-ms-transition: opacity, 0.2s, ease-in;
	-o-transition: opacity, 0.2s, ease-in;
	transition: opacity, 0.2s, ease-in;
}
/* ---------------------------- */ 
/*	14. Saved List Detail
/* ---------------------------- */
#orderNotesTemp {
	width: 100%;
	margin-bottom: 12px;
}
#saved-list-detail-table br{
	display:block;
}
#saved-list-detail-table.responsive-table td:before {
	font-weight:bold;
}
#saved-list-detail-table.responsive-table td {
	clear:both;
}

#saved-list-detail-table.responsive-table td:nth-child(1) {
	display:none;
}
#saved-list-detail-table .saved-list-detail-desc{
	clear:both;
}
 
#saved-list-detail-table img{
	float:left;
	margin-right:5px;
}
#saved-list-detail-table .saved-list-detail-part{
		clear:both;
}
#saved-list-detail-table .errorText{
		white-space: nowrap;
}

#saved-list-detail-table .mobile-align-left{
	text-align:left;	
}

#saved-list-detail-table.responsive-table.seccol-align-left td:nth-child(2){
	border-top-right-radius:4px;
	border-top-left-radius:4px;

}

#saved-list-detail-table.responsive-table.seccol-align-left input[id^='orderItemNotes_']{
	width:70%;
	float: right;
}
#saved-list-detail-table.responsive-table th{
	padding:0;
}
#saved-list-detail-table tr.saved_list_add th:nth-child(1),#saved-list-detail-table tr.saved_list_add th:nth-child(2){
	display:block;
}


#saved-list-detail-table.responsive-table.seccol-align-left td:nth-child(8) br{
display:none;	
}
#saved-list-detail-table.responsive-table td:before{
	top:5px;
}
#saved-list-detail-table.responsive-table td.saved-list-price{
	min-height:40px;
}
#saved-list-detail-table.responsive-table td.saved-list-category{
	min-height:40px;
}
#saved-list-detail-table.responsive-table td.country-origin{
	min-height:65px;
}
#saved-list-detail-table.responsive-table td.country-origin:before{
	white-space:pre;
	content: "Country of Origin \00a TAA/BAA";
	text-align:left;
}

#saved-list-detail-table.responsive-table td.brand-mfg:before{
	white-space:pre;
	content: "Brand \00a MFG#";
	text-align:left;
}
#saved-list-detail-table.responsive-table td.brand-mfg{
	min-height: 65px;
}
#saved-list-detail-table .price-tier{
	padding: 2px;
	font-weight:bold;
}
#saved-list-detail-table .price-tier li {
	width: 100%;
	list-style-type: none;
	margin:0;
	border-bottom: 0;
}
#saved-list-detail-table .price-tier .row-fluid:before,
#saved-list-detail-table .price-tier .row-fluid:after
{
	display: table;
	content: "";
}
#saved-list-detail-table .price-tier .row-fluid:after
{
clear:both;
}
#saved-list-detail-table .price-tier .row-fluid>[class *="span"] {
	float: left;
	margin-left: 2.11039574%;
}
#saved-list-detail-table .price-tier .row-fluid .span5{
 width: 16.356477%;
 text-align: right !important;
 margin-left: 53%;
}
#saved-list-detail-table .price-tier .row-fluid .span7{
 width: 28.343226%;
 margin-top: 0;
 /* text-align: left; */
}
#saved-list-detail-table.price-tier li span {
	float: right;
	font-weight: bold;
}
#saved-list-detail-table #RequisitionListItemUpdateForm.form-inline label{
	display: inline-block;
}
#saved-list-detail-table #RequisitionListItemUpdateForm.form-inline input{
	display: inline-block;
	margin-bottom: 0;
}

#saved-list-detail-table #RequisitionListItemUpdateForm input#partNumber_1{
	width: 35%;
	height: 33px;
	
}
#saved-list-detail-table #RequisitionListItemUpdateForm input#quantity_1{
	width: 25%;
	height: 33px;
}

#saved-list-detail-table #RequisitionListItemUpdateForm button.btn{
	display: block;
	padding: 7px 14px;
	margin-left: 5px;
	width: 100%;
}


#saved-list-detail-table input[id^='qty_']{
	width:23%;
	text-align:center;
	float:left;
	margin-top: 0px;
	margin-right: 14px;
	padding: 18px 10px;
}
#saved-list-detail-table button[id ^='addToCartBtn_'], button.replace-btn{
	width:50%;
	float:left;
	
}
#saved-list-detail-table button[id ^='addToCartBtn_'].mobile-add-list{
	width:100%;
	margin: 12px 0;
}
#saved-list-detail-table a.mobile-btn-gray.mobile-sml{
	margin:0;
	padding: 10px 7px;
}
#saved-list-detail-table button[id ^='addToCartBtn_'].mobile-add-cart, button.replace-btn{
	margin-top: 0px;
}
#saved-list-detail-container div.pagination.pagination-right.mobile-align-center{
	clear:both;
	margin-top: 25px;
}

#email_list{
	line-height: 31px;
}
#email_list:after{
	white-space:pre;
	content:"\00a";
}
/* ---------------------------------------------- */ 
/*	XX. Left Navigation/ Faceted Navigation
/* ---------------------------------------------- */
#widget_left_nav{
	position:relative;	
	border: 1px solid #ddd;
	margin: -11px auto 0 auto;
	width: 98%;
	padding: 10px;
}
#facet_filters{
	font-size:16px;
}
/* removed margin top here and put on .arrow-right.arrow-down
#filter_arrow{
	margin-top:4px;
}
*/
#search_facet_category, #widget_left_nav{
	display:none;
}
#widget_left_nav.widget_left_nav.show_widget_left_nav{
	display:block;
	border:none;
}
#category_facet{
	margin: 10px 0px 15px 0px;
	padding: 0px 8px;
}
.mobile-accord-bar{
	display: block;
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd),
		color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -moz-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -ms-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -o-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cdcdcd;
	margin: 2px 0;
	padding-right: 30px;
	position: relative;
}

#refine_results{
	margin-top:15px;
	border-bottom:1px solid #ddd;
}
#refine_results .filter_by_title{
	font-size: 18px;
	font-weight: bold;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite {
	display:none;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite {
	float: left;
	display: block;
	position: relative;
	margin-right: 5px;
	width: 13px;
	height: 13px;
	overflow: hidden;
}
#clear_all_filter{
	float:right;
	margin-top: 2px;
	margin-right: 5px;
	
}
#search_facet_category ul li{
	margin:-3px 5px 0 5px;
	padding-left:18px;

}

#facetFilterListWrapper ul li{

	margin:-3px 5px 0 5px;
	padding-left:10px;
}

#search_facet_category ul li a, .section_list ul li label,#facetFilterListWrapper ul li a{
	display: block;
	padding: 12px 5px 10px 5px;
	font-weight: normal;
	font-size: 15px;
}

.facetCountContainer{
	display:inline;
}

div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore input {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	left: -30px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label {
	cursor: pointer;
	color: #333;
	background-color: #f0f0f0;
	display: block;
	padding: 12px 5px 10px 5px;
	width:98.3%;
	text-align: center;
}
#search_facet_category div.showMore label {
	margin-bottom:15px
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
	padding-left:4px;
	font-weight:bold;
	margin: 4px 0px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label {
	cursor: pointer;
	color:#0088CC;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label:hover {
	cursor: pointer;
	color:#005580;
}
.content_section .header#refine_results{
	display:none;
}

#expand_icon_category.expand_icon_open , div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_open {
	background-image: url("../images/colors/color1/down_arrow_sprite.png");
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	margin-top: 0;
	background-position: 0 -17px;
	float: left;
}

#expand_icon_category.expand_icon_close, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section a > div.header > span.expand_icon_close {
	background-image: url("../images/colors/color1/right_arrow_sprite.png");
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	margin-top: 0;
	background-position: 0 -17px;
	float: left;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title{
	font-weight: bold;
	color: #333;
	font-size: 16px;
}
#low_price_input, #high_price_input{
	width: 20%;
	display: inline-block;
	margin: 10px 5px 8px 5px;
	height: 32px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button_disabled {
	display: none;
}
#productsFacets{
	margin-top:10px;
	padding: 0 8px;	
}
.mobile-facet-section {
	border-bottom: 2px solid #ccc;
    padding: 10px 0;
}
.content_section div[id^='section_list_'] ul li {
	margin:-3px 5px 0 5px;
	padding-left:10px;

}
/* ---------------------------- */ 
/*	15. Request a Catalog
/* ---------------------------- */


#requestcatalog .page-header {
	padding-bottom: 9px;
	margin: 18px 0;
	border-bottom: 1px solid #cccccc;
}

#requestcatalog fieldset {
	margin: 10px;
	margin-bottom: 20px;
}

#requestcatalog legend {
	font-size: 19px;
	line-height: 27px;
	margin-bottom: 10px;
}

#requestcatalog .help-inline {
	display: block;
	margin-top: -5px;
	margin-bottom: 10px;
}

/* ---------------------------- */ 
/*	16. My Account
/* ---------------------------- */

#EmailNotificiationForm label{
	display:block;
	padding:5px 0;
}

/* ---------------------------- */ 
/*	16.1 Address Book
/* ---------------------------- */

#address-book address br {
 	display: block;
}

#address-book #address-container,
#address-book #default-address-container {
 	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFF;
	padding: 10px;
    border: 1px solid #000;
	margin-bottom: 20px;
	overflow: auto;
	clear: both;
}
#address-book #address-container .btn {
	width: 45%;
	text-align: center;
	display: inline-block;
}

label#defaultAddressCheckBox {
	display: block;
}

/* ---------------------------- */ 
/*	16.1 Edit Address Form 
/* ---------------------------- */

#shipping-address-form .page-header {
	margin-bottom: 20px;
}
#shipping-address-form legend {
	font-weight:bold;
	font-size:18px;
	margin: 10px 0;
	border-bottom:1px solid #222;
	width:100%;
	display: block;
	width: 100%;
	padding: 0;
	color: #333333;
}

#shipping-address-form #edit-address-name-header {
	font-size: 16px;
}
#shipping-address-form #edit-address-name-header label:after {
	content: ":";	
}

#shipping-address-form #edit-address-name {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}

/* ---------------------------- */
/*	17. Rich Relevance
/* ---------------------------- */

.rich-rel-vertical,
.rich-rel-horizontal {
	display: table;
	content: "";
	clear: both;
	background-color: #f2f2f2;
	padding-bottom: 20px;
	width: 100%;
}

.rich-rel-vertical h4,
.rich-rel-horizontal h4 {
	text-align: center;
	padding: 10px;
	font-size: 18px;
}

.rich-rel-vertical p,
.rich-rel-horizontal p {
	padding-top: 10px;
}

/*#rr_placement_1 div.rich-rel-vertical {
	border-bottom: 2px solid #aaa;
	margin: 0 5%;
}*/
/* Taken out until Rich Relevance Images are all same height/width
.rich-rel-vertical img,
.rich-rel-horizontal img {
	width: 80px;
}
*/
.rich-rel-vertical .row-fluid {
	width: 43.5%;
	padding: 15px 1%;
	background-color: #fff;
	float:left;
	text-align: center;
	display: block;
	min-height: 220px;
}
.rich-rel-horizontal .row-fluid .span2 {
	width: 46%;
	padding: 15px 1%;
	background-color: #fff;
	float:left;
	text-align: center;
	display: block;
	min-height: 220px;
}

.rich-rel-vertical .row-fluid:nth-child(even) {
	margin: 1% 1% 1% 5.5%;
}

.rich-rel-vertical .row-fluid:nth-child(odd) {
	margin: 1% 5.5% 1% 1%;
}

.rich-rel-horizontal .row-fluid {
	padding: 0 1% 0 5%;
}

.rich-rel-horizontal .row-fluid .span2 {
	margin: 1%;
}
/* ---------------------------- */
/*	18. Forms
/* ---------------------------- */

form#packageTrackingForm {
	background-color: #f5f5f5;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;	
}
#packageTrackingForm legend {
	font-size: 19px;
    line-height: 27px;
    margin-bottom: 10px;
}
#packageTrackingForm button {
	width: 100%;
}

#packageTrackingForm .sidebar-nav ul {
	margin-left: 0px;
	list-style-type: none;
}

#packageTrackingForm .sidebar-nav li.nav-header {
	text-transform: uppercase;
	font-weight: bold;
}

#packageTrackingForm .sidebar-nav li.nav-header a {
	color: #333;
	font-weight: bold;
}

#packageTrackingForm .sidebar-nav li.nav-header img {
	visibility: hidden;
	max-height: 15px;
}

#packageTrackingForm .sidebar-nav li {
	padding: 3px;
}

#packageTrackingForm .sidebar-nav li a {
	font-weight: normal;
}

#packageTrackingForm .nav-list .divider {
	background-color: #E5E5E5;
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 8px 1px;
	overflow: hidden;
	padding: 0px;
}

#packageTrackingForm .nav-list li:nth-child(2) {
	display: none;
}

#packageTrackingForm .nav-list-contact li:nth-child(2) {
	display: block;
}

/* ---------------------------- */ 
/*	19. Registration
/* ---------------------------- */

#register_new, #register_existing{
	background-color: rgb(255, 255, 255); 
	border-color: rgb(78, 132, 160); 
}
#registration_page .help-inline{
	color: #c09853;
	display:block;
	margin-top: -9px;
	margin-bottom: 5px;
		
}
#registration_page #OrganizationRegistrationAddForm legend{
	font-weight:bold;
	font-size:1.1em;
	margin: 10px 0;
	border-bottom:1px solid #222;
	width:100%;
	display: block;
	width: 100%;
	padding: 0;
	color: #333333;
	
}
#registration_page #OrganizationRegistrationAddForm legend p{
	font-size: 12px;
}
#registration_page #OrganizationRegistrationAddForm #email_confirmation .controls {
	padding-top: 10px;
}
/* ---------------------------- */ 
/*	20. Mobile Push Menu
/* ---------------------------- */
/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	background: url(/wcsstore/B2BDirectStorefrontAssetStore/1_Recode/images/bg/mobile-nav.png);
}

.cbp-spmenu h3 {
	color: #fff;
	font-size: 1.2em;
	margin: 0;
	font-weight: bold;
}

.cbp-spmenu a {
	display: block;
	font-size: 1.1em;
	font-weight: 300;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 260px;
	height: 100%;
	top: 0;
	z-index: 1000;
	overflow-y: scroll;
}

.cbp-spmenu-vertical div#menu-content-cart{
	border: none;
	padding: 0;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -260px;
}

.cbp-spmenu-right {
	right: -260px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	/*overflow-x: hidden;*/
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -260px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


#menu-content-cart{
	background-color: #000;
	color:#fff;
	height: 3.5em;
	position: relative;
}
#menu-content-cart a{
	color:#fff;

}
#menu-content-cart img{
	display: NONE;

}
#menu-content-cart .mini-cart-itemnumbers{
	margin: 15px;
	font-size:1em;
}
#menu-content-cart .mini-cart-itemnumbers:after{
	content: "Items";
	margin-left:5px;
	
}

#menu-content-cart .mini-cart-subtotal{
	position: absolute;
	top:15px;
	right: 10px;
	word-wrap: nowrap;
	font-size: 1em;
}
#menu-content-cart .mini-cart-subtotal-text:before{
	content: "Subtotal:";
}

#menu-content-cart .mini-cart-subtotal-text b{
	font-weight:bold;
}
#menu-content-account{
	padding:0;
	position:relative;
}

#menu-content-account #user-welcome-info {
	border-bottom: 1px solid rgb(34, 34, 34);
	border-top: 1px solid rgb(83, 83, 83);
	padding: 14px 10px;
	color:#ddd;
}
#suma-properties #shoppingFor{
	display:none;
}
#account-list #account-dropdown-menu, #suma-properties #shoppingFor{	
	
	background-color: #fff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#menu-content-account ul li{	
	padding: 10px;
	border-bottom:1px solid #ddd;
}

#account-dropdown-menu li:last-of-type{
	border:none;	
}

#menu-content-navigation #main_navigation > .navbar-inner{
	display:none !important;
	visibility:hidden;
}
/* ------------------------------------------------- */
/*	XX. Web Specials and Product Recommendation
/* ------------------------------------------------- */
#product-recommendation div.pages.pull-right.mobile-space-top.mobile-clear{
	margin-top:50px;

}
/* ---------------------------- */
/*	21. Popovers/ToolTips
/* ---------------------------- */

.popover {
	position: fixed;
	top: 20% !important;
	left: 5% !important;
	right: 5% !important;
	z-index: 99999;
	display: none;
	padding: 5px 0 !important;
	overflow: auto;
}
.popover.top .arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.popover.right .arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
}

.popover.bottom .arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.popover.left .arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
}

.popover .arrow {
	position: absolute;
	width: 0;
	height: 0;
}

.popover-inner {
	padding: 3px;
	width: auto;
	max-height: 400px;
	overflow: auto;
	background: #FFF;
	background: rgba(255,255,255, 1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 1px solid #000;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.popover-title {
	padding: 9px 15px;
	line-height: 1;
	background-color: #FFF;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.popover-content {
	padding: 5px 14px;
	background-color: #ffffff;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

.popover-content p,.popover-content ul,.popover-content ol {
	margin-bottom: 0;
}

/* ---------------------------- */
/*	22. Datepicker Boostrap for Mobile
/* ---------------------------- */

.datepicker {
    border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    direction: ltr;
    padding: 4px;
}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    left: 0;
    top: 0;
}
.datepicker-dropdown:before {
    border-color: -moz-use-text-color transparent rgba(0, 0, 0, 0.2);
     border-color:rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-style: none solid solid;
    border-width: 0 7px 7px;
    content: "";
    display: inline-block;
    position: absolute;
}
.datepicker-dropdown:after {
    border-color: -moz-use-text-color transparent #ffffff;
    border-color:#ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-style: none solid solid;
    border-width: 0 6px 6px;
    content: "";
    display: inline-block;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    border-bottom: 0 none;
    border-top: 7px solid #999;
    bottom: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    border-bottom: 0 none;
    border-top: 6px solid #ffffff;
    bottom: -6px;
}
.datepicker > div {
    display: none;
}
.datepicker.days div.datepicker-days {
    display: block;
}
.datepicker.months div.datepicker-months {
    display: block;
}
.datepicker.years div.datepicker-years {
    display: block;
}
.datepicker table {
    margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.datepicker td, .datepicker th {
    border: medium none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    height: 20px;
    text-align: center;
    width: 20px;
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: none repeat scroll 0 0 #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ededed;
    cursor: default;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a),
		to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(top, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',
		endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000;
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today[disabled], .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled[disabled]:hover {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover {
	background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: none repeat scroll 0 0 #eeeeee;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
	background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a),
		to(#f3e97a));
	background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
	background-image: linear-gradient(top, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a',
		endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.active:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled[disabled]:hover {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.active:hover {
	background-color: #efe24b \9;
}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
	background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
	background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3),
		to(#808080));
	background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
	background-image: -o-linear-gradient(top, #b3b3b3, #808080);
	background-image: linear-gradient(top, #b3b3b3, #808080);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',
		endColorstr='#808080', GradientType=0);
	border-color: #808080 #808080 #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.active:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled[disabled]:hover {
    background-color: #808080;
}
.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.active:hover {
	background-color: #666666 \9;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
		to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
		endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
    background-color: #0044cc;
}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover {
	background-color: #003399 \9;
}
.datepicker table tr td span {
    border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%;
}
.datepicker table tr td span:hover {
    background: none repeat scroll 0 0 #eeeeee;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999999;
    cursor: default;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
		to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(top, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
		endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover {
	background-color: #003399 \9;
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
    color: #999999;
}
.datepicker th.datepicker-switch {
    width: 145px;
}
.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: none repeat scroll 0 0 #eeeeee;
}
.datepicker .cw {
    font-size: 10px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
    width: 12px;
}
.datepicker thead tr:first-child th.cw {
    background-color: transparent;
    cursor: default;
}

.datepicker.dropdown-menu {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    float: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    left: 0;
    line-height: 20px;
    list-style: outside none none;
    min-width: 160px;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.popover.left .arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
}

/* Input styles for Date Picker */

.input-daterange input {
	text-align: center;
	width: 50%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.popover-title {
	padding: 9px 15px;
	line-height: 1;
	background-color: #FFF;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.input-daterange .add-on-middle {
	display: none;
}

.input-daterange .add-on-first {
	display: none;
}


/* ---------------------------- */
/*	XX. Static Pages
/* ---------------------------- */


#static-main-content section {
	overflow: hidden;
	/*margin-bottom: 20px;*/
}

#static-main-content .align-center {
	text-align: center;
}

#static-main-content h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#static-main-content p {
	margin-bottom: 10px;
}

#static-main-content .page-header {
	padding-bottom: 5px;
	margin: 15px 0px;
	border-bottom: 1px solid #CCC;
}
#static-main-content iframe {
	width: 100%;
}

#static-main-content #mobile-font-16px {
	font-size: 16px;
	line-height: 1.125em;
	color: #333;
	font-weight: bold;
	text-shadow: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

#static-main-content ul.mobile-no-disc {
	list-style-type: none;
}

#static-main-content ul {
	list-style-type: disc;
	margin-left: 25px;
	margin-bottom: 10px;
}

#static-main-content ol {
	list-style-type: decimal;
	margin-left: 25px;
	margin-bottom: 10px;
}

#static-main-content ul li {
	display: list-item;
	text-align: -webkit-match-parent;
}

#static-main-content dl {
	margin-bottom: 10px;
}

#static-main-content dt {
	font-weight: bold;
}

#static-main-content dd {
	margin-left: 10px;
}

#static-main-content hr {
	display: inline-block;
	width: 100%;
	border-style: none;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #fff;
}

#static-main-content hr.darkrule {
	border: none;
	height: 1px;
	/* Set the hr color */
	color: #333; /* old IE */
	background-color: #333; /* Modern Browsers */
	margin-top: 2px;
	margin-bottom: 2px;
}

#static-main-content em {
	font-style: italic;
}

#static-main-content blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
	padding: 0 0 0 15px;
	margin: 0 0 18px;
	border-left: 5px solid #eeeeee;
}

#static-main-content blockquote p {
	font-size: 16px;
	font-weight: 300;
	line-height: 22.5px;
}

#static-main-content address {
	margin-bottom: 10px;
}

#static-main-content .disclaimer {
	font-size: 11px;
	font-style: italic;
}

/* ---------------------------- */
/*	XX.X Wells
/* ---------------------------- */

#static-main-content .well {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	/*margin: 10px;*/
	padding: 10px;
	border: 1px solid #e9e9e9;
}

#static-main-content .well h2 {
	margin-top: 5px;
	margin-bottom: 10px;
}

.well-sm {
	border-radius: 3px 3px 3px 3px;
    padding: 9px;
}
#static-main-content .well-green-border {
	background-color: #ffffff;
	border: 1px solid #5f8d2b;
}

#static-main-content .well-support {
	border: 1px solid #edd9d4;
	background-color: #fcf8e4;
}

#static-main-content .well-yellow {
	margin: 10px;
	padding: 10px;
	background-color: #ffefca;
}

#static-main-content .well-green {
	color: #468847;
	border: 1px solid #d6e9c6;
	background-color: #dff0d8;
}

#static-main-content .well-white {
    background-color: #FFF;
    border: 1px solid #ccc;
}

#static-main-content .well-all-white {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: none;
	overflow: hidden;
}

/* ---------------------------- */
/*	XX.X Spacing and Floats
/* ---------------------------- */
.mobile-display-block{
	display:block;
}
.mobile-pull-right {
	float: right;
}

.mobile-pull-left {
	float: left;
}
.mobile-clear {
	clear: both;
}

.mobile-space-right {
	margin-right: 10px;
}

.mobile-space-left {
	margin-left: 10px;
}

.mobile-space-left-right {
	margin-left: 10px;
	margin-right: 10px;
}

.mobile-space-top {
	margin-top: 10px;
}

.mobile-space-bottom {
	margin-bottom: 10px;
}

.mobile-space-right-large {
	margin-right: 20px;
}

.mobile-space-left-large {
	margin-left: 20px;
}

.mobile-space-all-small {
	margin: 5px;
}

.mobile-space-top-large {
	margin-top: 20px;
}

.mobile-space-bottom-large {
	margin-bottom: 20px;
}

.mobile-space-top-bottom {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mobile-margin-left-65px{
	margin-left: 65px;
}
.mobile-padding-all {
	padding: 10px;	
}

.mobile-padding-0 {
	padding:0;
}

.mobile-padding-top-bottom {
	padding: 10px 0;
}

.mobile-padding-left-right {
	padding: 0 10px;
}
.mobile-padding-left {
	padding: 0 0 0 10px;
}
.mobile-padding-right {
	padding: 0 10px 0 0;
}
.mobile-minicart-fix{
	margin-top:0;
	height:0;
}
/* ---------------------------- */
/*	XX.X Img Width 
/* ---------------------------- */

.mobile-img-90 {
	max-width: 90%;
}

.mobile-img-80 {
	max-width: 80%;
}

.mobile-img-70 {
	max-width: 70%;
}

.mobile-img-60 {
	max-width: 60%;
}

.mobile-img-50 {
	max-width: 50%;
}

.mobile-img-40 {
	max-width: 40%;
}

.mobile-img-30 {
	max-width: 30%;
}

.mobile-img-20 {
	max-width: 20%;
}

.mobile-img-10 {
	max-width: 10%;
}
/* ---------------------------- */
/*  XX.X Mobile Heights
/* ---------------------------- */
.mobile-height-10px{
	height:10px;
}
.mobile-height-20px{
	height:20px;
}
.mobile-height-30px{
	height:30px;
}
.mobile-height-40px{
	height:40px;
}
.mobile-height-50px{
	height:50px;
}
.mobile-height-60px{
	height:60px;
}
.mobile-height-65px{
	height:65px;
}
.mobile-height-70px{
	height:70px;
}
.mobile-height-80px{
	height:80px;
}
.mobile-height-90px{
	height:90px;
}
.mobile-height-100px{
	height:100px;
}
/* ---------------------------- */
/*  XX.X Paragraph
/* ---------------------------- */

.mobile-width-10{
	width: 10%;
}
.mobile-width-20{
	width: 20%;
}
.mobile-width-30{
	width: 30%;
}
.mobile-width-40{
	width: 40%;
}
.mobile-width-50{
	width: 50%;
}
.mobile-width-60{
	width: 60%;
}
.mobile-width-70{
	width: 70%;
}
.mobile-width-80{
	width: 80%;
}
.mobile-width-90{
	width: 90%;
}
.mobile-width-100{
	width: 100%;
}

.mobile-width-10px{
	width: 10px;
}
.mobile-width-20px{
	width: 20px;
}
.mobile-width-30px{
	width: 30px;
}
.mobile-width-40px{
	width: 40px;
}
.mobile-width-50px{
	width: 50px;
}
.mobile-width-60px{
	width: 60px;
}
.mobile-width-70px{
	width: 70px;
}
.mobile-width-80px{
	width: 80px;
}
.mobile-width-90px{
	width: 90px;
}
.mobile-width-100px{
	width: 100px;
}


/* ---------------------------- */
/*	XX.X Category
/* ---------------------------- */


.static-category:after {
	display: table;
	content: "";
}

.static-category .row-fluid .mobile1,
.static-category .row .mobile1,
.static-category .mobile1,
.static-category .mobile1 {
  width: 30%;
  padding: 0 1%;
 
}

.static-category .row-fluid .mobile2,
.static-category .row .mobile2,
.static-category .mobile2,
.static-category .mobile2 {
  width: 50%;
  padding: 0 1%;
}

.static-category .row-fluid .mobile3, 
.static-category .row .mobile3,
.static-category .mobile3, 
.static-category .mobile3 {
  width: 65%;
  padding: 0 1%;
}



.static-category .row-fluid [class*="mobile"], 
.static-category .row [class*="mobile"],
.static-category [class*="mobile"], 
.static-category [class*="mobile"] {
  float:left;
  text-align: center;
  display: block;
}

.static-category .row-fluid [class*="mobile"] p,
.static-category .row [class*="mobile"] p,
.static-category [class*="mobile"] p,
.static-category [class*="mobile"] p  {
	margin-bottom: 10px;
}

.static-category .row-fluid [class*="mobile"] h2,
.static-category .row [class*="mobile"] h2,
.static-category [class*="mobile"] h2,
.static-category [class*="mobile"] h2  {
	width: 100%;
}

.static-category.category-height-xx-small .row-fluid > [class*="mobile"],
.static-category.category-height-xx-small .row > [class*="mobile"],
.static-category.category-height-xx-small [class*="mobile"],
.static-category.category-height-xx-small [class*="mobile"]  {
	min-height: 100px;
}

.static-category.category-height-x-small .row-fluid > [class*="mobile"],
.static-category.category-height-x-small .row > [class*="mobile"],
.static-category.category-height-x-small [class*="mobile"],
.static-category.category-height-x-small [class*="mobile"]  {
	min-height: 160px;
}

.static-category.category-height-small .row-fluid > [class*="mobile"],
.static-category.category-height-small .row > [class*="mobile"],
.static-category.category-height-small [class*="mobile"],
.static-category.category-height-small [class*="mobile"]  {
	min-height: 200px;
}

.static-category.category-height-med .row-fluid > [class*="mobile"], 
.static-category.category-height-med .row > [class*="mobile"],
.static-category.category-height-med [class*="mobile"], 
.static-category.category-height-med [class*="mobile"]  {
	min-height: 250px;
}

.static-category.category-height-large .row-fluid > [class*="mobile"], 
.static-category.category-height-large .row> [class*="mobile"],
.static-category.category-height-large [class*="mobile"], 
.static-category.category-height-large [class*="mobile"] {
	min-height: 275px;
}

.static-category.category-height-x-large .row-fluid > [class*="mobile"], 
.static-category.category-height-x-large .row > [class*="mobile"],
.static-category.category-height-x-large [class*="mobile"], 
.static-category.category-height-x-large [class*="mobile"]  {
	min-height: 300px;
}

/* ---------------------------- */ 
/*	XX.X Left Navigation
/* ---------------------------- */

.localnav {
	margin-bottom: 10px;
}

.mobile-left-nav-header {
	display: block;
	line-height: 1.4;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd), color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -moz-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -ms-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -o-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cdcdcd;
	margin: 2px 0;
}

.mobile-left-nav-header.mobile-left-nav-header-active {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d), color-stop(100%, #ffdf97));
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	border: 1px solid #dfad41;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
	position: relative;
	z-index: 2;
}

#navIcon {
	float: right;
}
.mobile-left-nav {
	display: none;
}

.mobile-left-nav {
	height: auto !important;
	background-size: contain;
	background-position: 0 0 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	margin: 10px;
	padding: 10px;
	border: 1px solid #e9e9e9;
	position: relative;
	top: -40px;
	z-index: 1;
}

#static-main-content .sidebar-nav ul {
	margin-left: 0px;
	list-style-type: none;
}

#static-main-content .sidebar-nav li.nav-header {
	text-transform: uppercase;
	font-weight: bold;
}

#static-main-content .sidebar-nav li.nav-header a {
	color: #333;
	font-weight: bold;
}

#static-main-content .sidebar-nav li.nav-header img {
	visibility: hidden;
	max-height: 15px;
}

#static-main-content .sidebar-nav li {
	padding: 3px;
}

#static-main-content .sidebar-nav li a {
	font-weight: normal;
}

#static-main-content .nav-list .divider {
	background-color: #E5E5E5;
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 8px 1px;
	overflow: hidden;
	padding: 0px;
}

#static-main-content .nav-list li:nth-child(2) {
	display: none;
}

#static-main-content .nav-list-contact li:nth-child(2) {
	display: block;
}

.ideallygreen-localnav {
	text-transform: lowercase;
}

/* ---------------------------- */ 
/*	XX.X Breadcrumbs
/* ---------------------------- */
.breadcrumb li {
	display: none;
}

.breadcrumb li:nth-last-child(2) {
	display: block;
}

.breadcrumb li:nth-last-child(2) span {
	display: none;
}

.static-breadcrumb li:nth-last-child(2) a:before {
	content: "\00AB";
	padding-right: 4px;
	font-size: 1.2em;
}
#widget_breadcrumb .breadcrumb {
	padding: 7px 14px 7px 0;
	margin: 0;
	line-height: 13px;
}

#widget_breadcrumb .breadcrumb li {
	display: inline;
	line-height: 23px;
}

#widget_breadcrumb .breadcrumb .divider {
	padding: 0 5px;
	color: #cccccc;
	display:inline;
}

#widget_breadcrumb .breadcrumb .active a {
	color: #333333;
	
}
/* ---------------------------- */ 
/*  XX.X Hero Unit
/* ---------------------------- */
.hero-unit,
.hero-unit-sm,
.mobile-no-bkgnd {
	background-image: none !important;
}

.hero-unit h1 {
	color: #333;
	text-shadow: 0 1px #fff;
}
.hero-unit p {
	color: #333;
}

.hero-unit h2 {
	color: #333;
	margin: 0px!important;
}
.mobile-hero-unit {
	background: #e5e5e5 !important;
}
/* ---------------------------- */
/*  XX.X Table
/* ---------------------------- */

/* Static Responsive Table with headers removed */

#static-main-content .responsive-table td {
	position: relative; /*necessary to position the :before element*/
	text-align:right;
	padding-top: 30px;
	height: auto;
 }

#static-main-content .responsive-table td:before {
	content: attr(title); /*Inserts the text for the label*/
	font-weight: bold;
	position: absolute;
	text-align: left;
	top: 2px;
	left: 0;
}

#static-main-content .responsive-table td:first-child {
	padding-top: 30px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

#static-main-content .responsive-table td.mobile-table-header {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	background-color: #eeeeee;
}

/* Static Responsive Table with headers kept in */

#static-main-content .responsive-table-header,
#static-main-content .responsive-table-header * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#static-main-content .responsive-table-header {
	margin: 5px auto;
	width: 100%;
}

#static-main-content .responsive-table-header tr,
#static-main-content .responsive-table-header td,
#static-main-content .responsive-table-header tbody {
	display: block;
	width: 100%;
}

#static-main-content .responsive-table-header thead tr {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-bottom: 0px;
}

#static-main-content .responsive-table-header th {
	text-align: center;
	padding: .8em;
	font-weight: bold;
	display: block;
	background-color: #eeeeee !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#static-main-content .responsive-table-header tbody tr:first-child {
	border-top: 0px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
	border-collapse: collapse;
}

#static-main-content .responsive-table-header tbody tr:last-child {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-collapse: collapse;
}

#static-main-content .responsive-table-header tr {
	border: 1px solid #ddd;
	border-radius:4px;
	margin-bottom: 10px;
}
#static-main-content .responsive-table-header td {
	position: relative; /*necessary to position the :before element*/
	text-align: left;
	padding-top: 30px;
	height: auto;
	padding: 0.8em;
	border-top: 1px solid #ddd;
}

#static-main-content .responsive-table-header td:before {
	content: attr(title); /*Inserts the text for the label*/
	font-weight: bold;
	position: absolute;
	top: 2px;
	left: 0;
	padding: .5em;
}

#static-main-content .responsive-table-header td ul {
	text-align: right;
	list-style-type: none;
}

#static-main-content .responsive-table-header tbody td:nth-child(even) {
	background-color: #f9f9f9;
}

/* Static Responsive Table with headers and titles */

#static-main-content .responsive-table-header-title,
#static-main-content .responsive-table-header-title * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#static-main-content .responsive-table-header-title {
	margin: 5px auto;
	width: 100%;
}

#static-main-content .responsive-table-header-title tr,
#static-main-content .responsive-table-header-title td,
#static-main-content .responsive-table-header-title tbody {
	display: block;
	width: 100%;
}

#static-main-content .responsive-table-header-title thead tr {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-bottom: 0px;
}

#static-main-content .responsive-table-header-title th {
	text-align: center;
	padding: .8em;
	font-weight: bold;
	display: block;
	background-color: #eeeeee !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#static-main-content .responsive-table-header-title tbody tr:first-child {
	display: none;
}

#static-main-content .responsive-table-header-title tbody tr:last-child {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-collapse: collapse;
}

#static-main-content .responsive-table-header-title tr {
	border: 1px solid #ddd;
	border-radius: 0px;
	margin-bottom: 10px;
}
#static-main-content .responsive-table-header-title tr:last-child td:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#static-main-content .responsive-table-header-title td {
	position: relative; /*necessary to position the :before element*/
	text-align: right;
	padding-top: 30px;
	height: auto;
	padding: 0.8em;
	border-top: 1px solid #ddd;
}

#static-main-content .responsive-table-header-title td:before {
	content: attr(title); /*Inserts the text for the label*/
	font-weight: bold;
	position: absolute;
	top: 2px;
	left: 0;
	padding: .5em;
}

#static-main-content .responsive-table-header-title td ul {
	text-align: right;
	list-style-type: none;
}

#static-main-content .responsive-table-header-title tbody td:nth-child(even) {
	background-color: #f9f9f9;
}

/* Static Table for when tables fit and no responsive work is needed */

#static-main-content .responsive-table-fit {
    border-collapse: collapse;
    margin-bottom: 18px;
    width: 100%;
}

#static-main-content .responsive-table-fit th {
	font-weight: bold;
	vertical-align: middle;
	padding: 8px;
	line-height: 18px;
	text-align: center;
	border-collapse: collapse;
}

#static-main-content .responsive-table-fit td {
	padding: 8px;
	line-height: 18px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-collapse: collapse;
}

#static-main-content .table.table-bordered.responsive-table-fit,
#static-main-content .table.table-bordered-all.responsive-table-fit {
	border: 1px solid #ddd;
	border-collapse: separate; *
	border-collapse: collapse;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
} 

#static-main-content .table.table-bordered-all.responsive-table-fit th,
#static-main-content .table.table-bordered-all.responsive-table-fit td {
	border-right: 1px solid #ddd;
	border-collapse: collapse;
}

#static-main-content .table.table-bordered-all.responsive-table-fit th:last-child,
#static-main-content .table.table-bordered-all.responsive-table-fit td:last-child {
	border-right: 0px;
	border-collapse: collapse;
}

#static-main-content .table.table-striped.responsive-table-fit tbody tr:nth-child(odd) td, 
#static-main-content .table.table-striped.responsive-table-fit tbody tr:nth-child(odd) th {
	background-color: #f9f9f9;
}
#static-main-content .table.table-striped.responsive-table-fit thead th {
	background-color: #eeeeee;
}
#static-main-content .table.table-striped.responsive-table-fit thead th:first-child {
	border-top-left-radius: 4px;
}
#static-main-content .table.table-striped.responsive-table-fit thead th:last-child {
	border-top-right-radius: 4px;
}
#static-main-content .table.table-striped.responsive-table-fit tbody tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}
#static-main-content .table.table-striped.responsive-table-fit tbody tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}
#static-main-content .table.table-striped.table-left.responsive-table-fit th,
#static-main-content .table.table-striped.table-left-full-width.responsive-table-fit th,
#static-main-content .table.table-striped.table-left.responsive-table-fit td,
#static-main-content .table.table-striped.table-left-full-width.responsive-table-fit td  {
	text-align: left;
}

/* ---------------------------- */
/*  XX.X Modals
/* ---------------------------- */

.modal.fade.in {
	/*top: auto;*/
	opacity: 1;
}
.modal {
	position: fixed;
	top: 10px;
	left: 10px;
	right: 10px;
	width: auto;
	margin: 0;
	z-index: 3000;
	overflow: auto;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	max-height: 540px;
}
.modal .modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
}
.modal .modal-body {
	padding: 15px;
}
.modal .modal-footer {
	/*position: absolute;
	bottom: 0;
	right: 0;
	left: 0;*/
	padding: 0 15px;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0 1px 0 #ffffff;
	text-align: right;
	clear: both;
}
.modal .modal-footer .btn {
	display: inline-block;
	padding: 4px 10px 4px;
}
.modal .close {
	float: right;
	padding: 0px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
	opacity: 0.5;
}

/* ---------------------------- */
/*  XX.X Rounded Corners
/* ---------------------------- */

.mobile-rounded-corners {
	border-radius: 4px;
}

.mobile-rounded-corners-small {
	border-radius: 3px;
}

/* ---------------------------- */
/*  XX.X Tabs
/* ---------------------------- */


#static-main-content .tabbable > ul,
.homepage-tabs .tabbable > ul {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
}

#static-main-content .tabbable .nav-tabs > li,
.homepage-tabs .tabbable .nav-tabs > li {
	float:none;
	display: block;
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcdcd), color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -moz-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -ms-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: -o-linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	background: linear-gradient(bottom, #cdcdcd 0%, #ebebeb 100%);
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cdcdcd;
	margin: 2px 0;
	position: relative;
}

#static-main-content .tabbable .nav-tabs > li.active-accordion,
.homepage-tabs .tabbable .nav-tabs > li.active-accordion {
	margin-bottom: 0px;
	display: block;
	line-height: 1.4;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc10d), color-stop(100%, #ffdf97));
	background: -webkit-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -moz-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -ms-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: -o-linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	background: linear-gradient(bottom, #ffc10d 0%, #ffdf97 100%);
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dfad41;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2),inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

#static-main-content .tabbable .nav-tabs > li > a,
.homepage-tabs .tabbable .nav-tabs > li > a {
	color: #333;
	text-decoration: none;
	margin-right: 15px;
	vertical-align: middle;
}

#static-main-content .tabbable .nav-tabs > li > i,
.homepage-tabs .tabbable .nav-tabs > li > i {
	vertical-align: middle;
}

#static-main-content .tab-pane,
.homepage-tabs .tab-pane {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f5f5f5;
	margin: -5px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #e9e9e9;
	overflow: hidden;
}

#static-main-content .tabbable > ul > li br,
.homepage-tabs .tabbable > ul > li br {
  display: none;
}

.homepage-tabs .tabbable > ul > li img {
  display: none;
}

.accordionIcon {
	float: right;
}

/* ---------------------------- */
/*  XX.X Accordions
/* ---------------------------- */

#static-main-content .accordion-group {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
}

#static-main-content .accordion-inner {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
}

/* ---------------------------- */
/*  XX.X Source Code
/* ---------------------------- */

.redSourceCode {
	/*  Makes the actual source code red, bold and puts a border around it  */
	color: #cc0000;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #000;
}

.sourceCode {
	/*  Puts a black background and white text around the SOURCE CODE text  */
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	margin-left: 5px;
	border: 1px solid #000;
}

.sourceCodeBox{
	margin-top:10px;	
}


/* ---------------------------- */
/*  XX. Top Categories
/* ---------------------------- */

.homepage-header {
	display: table;
	width: 100%;
	margin: 10px 0;
}

.homepage-header-row {
	display: table-row;
}

.homepage-header h2 {
	display: inline-block;
	padding: 4px 0 0 10px;
	font-size: 22px;
	margin: 0px;
	float: left; 
}

.homepage-header button {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 10px 4px;
	float: right;
}

#b1-homepage section .span2, #b3-homepage section .span2 {
	display: block;
	cursor: pointer;
	padding: 5px 0px;
	margin: 0 -10px;
	border-top: 1px solid #dddddd;
	overflow: hidden;
}

#b1-homepage section .span2 img, #b3-homepage section .span2 img {
	vertical-align: middle;
	padding-left: 25px;
	float:left;
	max-width:79px;
	max-height:79px;
}

#b1-homepage section .span2 h4, #b3-homepage section .span2 h4 {
	padding:0 10px;
	font-size: 16px;
	color: #0088cc;
	overflow:hidden;
}


/* ---------------------------- */
/*     XX. Video
/* ---------------------------- */

.mobile-video {
  height: 0;
  padding-top: 25px ;
  padding-bottom: 67.5% ;
  margin-bottom: 10px ;
  position: relative;
  overflow: hidden;
}

.mobile-video.widescreen {
  padding-bottom: 57.25% ;
}
 
.mobile-video.vimeo {
  padding-top: 0 ;
}

.mobile-video embed , .mobile-video iframe, .mobile-video object , .mobile-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/** Service 291053:Hide Search Tips on mobile */
  ::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
      text-shadow:none;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
      text-shadow:none;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
      text-shadow:none;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: transparent;
      text-shadow:none;
  }

/* ---------------------------- */
/*  XX. Landscape Styles
/* ---------------------------- */

@media only screen and (orientation : landscape){

	.widget_product_listing > .row-fluid > .span3 .prod-grid-container .prod_list_image {
		margin: 0 auto;
	}
		/* check stock button */
	
	#search_submit{
		width:20%;	
	}	
	
	.cbp-spmenu-vertical {
		height: 100%;
		top: 0;
		z-index: 1000;
		overflow-y: scroll;
		width: 400px;
	
	}
	.cbp-spmenu-left {
		left: -400px;
	}
	
	.cbp-spmenu-right {
		right: -400px;
	}
	.cbp-spmenu-push-toright {
		left: 400px;
	}
	
	.cbp-spmenu-push-toleft {
		left: -400px;
	}
	
	
	/*#quickadd input[id^='quickPartNumber'] {
		width: 45%;
		margin-right: 55px;
	}
	
	#quickadd input[id^='quickQuantity'] {
		width: 30%;
	
	}*/
	
/***** Homepage B4 *****/
	.b4 {
	  width: 25%;
	}
	
	#b1-homepage section .span2 img {
		width: 15%;
	}

}