/*
	Sanford Business to Business :: style.css
	----------------------------------------------------------
	All styles are loaded here with the execption of sliders, where CSS is loaded from slider.css in the _/slider/ sub-directory
	
	Developed by Up With Media (http://www.upwithmedia.com)
	
-------------------------------------------------------------------------------*/

/* The following Styles Reset the Browser and should not be edited
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									



/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Start Site Styles
-------------------------------------------------------------------------------*/

/*Universal Styling*/




body {
	
	font: 16px "Century Gothic", sans-serif;
	min-width: 1052px;
	
	
	}


body, select, input, textarea {color: #736555;}

a {color: #736555; text-decoration: none;}
a:hover {color: #736555; text-decoration: underline;}


a img{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	
}
a:hover img{
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #ea3a42; color: #fff; text-shadow: none;}
::selection {background: #ea3a42; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #ea3a42;} 

ins {background-color: #ea3a42; color: #000; text-decoration: none;}
mark {background-color: #ea3a42; color: #000; font-style: italic; font-weight: bold;}


h1{
	font-size: 13px;
}

h2{
	font-size: 20px;
	font-weight: normal;
}

h3{
		font-size: 36px;
		font-weight: normal;
		margin-bottom: 15px;
}

h4{
		font-size: 14px;
		text-transform: uppercase;
		margin-bottom: 15px;
}

h4 small{
		font-weight: normal;
		text-transform: capitalize;}

/*Form Style*/

input[type=text]{
		width: 190px;
		background-color: white;
		border: 0px;
		float: left;
		position: relative;
		padding-left: 10px;
		font-size: 12px;
		line-height: 12px;
		color: #bbbbbd;
		padding-top: 8px;
		padding-bottom: 8px;
		margin-bottom: 5px;
}

input[type=text]:focus{
	color: #77787b;
	}
	
input[type=checkbox]{
		margin-right: 5px;
}

.arrow{
		display: block;
		float: left;
		position: relative;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-top: 4px;
		height: 10px;
		line-height: 10px;
		padding-left: 15px;
		background-position: center left;
		background-repeat: no-repeat;
		
}

.more{
		display: block;
		float: left;
		position: relative;
		font-size: 10px;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-top: 4px;
		height: 10px;
		line-height: 10px;
		color: #736555;
		padding-left: 15px;
		background-position: top left;
		background-repeat: no-repeat;
		
}

.more:hover{
		background-position: bottom left;
		color: #303141;
		text-decoration: none;
}



/*Universal Page Setup*/

#wrapper{
	margin: 0 auto;
}

#double-shadow{
		-moz-box-shadow: 0 0px 68px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0px 68px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0px 68px rgba(0, 0, 0, 0.3);
}


#page-content{
	background-color: white;
	z-index: 2;
	-moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
	
	
}

#stripe{
		position: absolute;
		width: 100%;
		margin-top: 144px;
		height: 65px;
		
		display: block;
		z-index: -1;
}

/*Grid Settings  --- These control the universal widths and floats applied in the html*/

.grid{ /*Adds Float to a Block*/
		float: left;
		position: relative;
}

.grid-cell{ /*Adds Gutter to a Block*/
		margin-right: 14px;
}

.grid-flush{ /*Aligns Far Right Block to Right Side*/
		float: right;
		margin-right: 0px;
}

.grid-center{ /*Centers to Content Area*/
		margin-left: 57px;
}

.grid-full{width:1025px;} /*Represents Full Content Width*/
.grid-1{width:910px;} /*Represent Centered Content Area*/
.grid-2{width:448px;} /*Represents 1/2 Page*/
/* removed grid-3 width nc99344 11/2/2012
/*.grid-3{width:293px;}*/ /*Represent 1/3 Page*/
.grid-4{width:217px;} /*Represents 1/4 Page*/
.grid-4-3{width:676px;} /*Represents 2/3 of a Page, used in single product views*/
.grid-5{ width: 220px;}
.grid-state{width: 65px;}
.grid-zip{ width: 138px;}

/* Header Specific Styles
-------------------------------------------------------------------------------*/

#header{
	
	border-bottom: 2px solid #e4e4e5;
	
	z-index: 801;
	background-color: white;
}
/* changed margin-top from 61px to 32px and height from 53px to 82px nc99344 11/7/2012 */
#logo{
	margin-top: 28px;
	height: 82px;
	
	background-repeat: no-repeat;
	margin-bottom: 13px;
}

#topNav{
		font-size: 12px;
}


/*Login Box Controls */
#login-box{
	width: 223px;
	position: absolute;
	z-index: 901;
	
}

#login-box.closed{
	height: 39px;
	overflow: hidden;
	color: #77787b;
}

#login-box.closed a{
		color: #77787b;
}

#login-box.open{
	background-color: #b9b2aa;
	height: 230px;
	color: #d9d6d2;
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	
}

#login-box.open a{
		color: #dcd9d5;
}


#login-control{
	float: left;
	position: relative;
	margin-left: 12px;
	margin-top: 18px;
}

#login-control span{
		cursor: pointer;
}

#login-form{
		width: 204px;
		margin-top: 19px;
		margin-left: 12px;
}

#login-support{
		float: left;
		position: relative;
		margin-top: 15px;
		padding-top: 15px;
		margin-left: 12px;
		width: 203px;
		border-top: 1px solid #d9d6d2;
}

/*Country Widget */

#country{
		width: 47px;
		height: 27px;
		margin-top: 12px;
}

.usa{
		
}

/* Search Widget*/

#search-area{
		margin-top: 35px;
}

#search-area input[type=text], #map-search input[type=text], #opt-in input[type=text]{
		background-color: #f1efee;
		width: 160px;
		height: 29px;
		line-height: 29px;
		padding: 0px;
		padding-left: 10px;
}

#search-area input[type=submit], #map-search input[type=submit], .submit-area input[type=submit]{
		background-color: #e4e1de;
		width: 45px;
		border: 0px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: "Century Gothic", sans-serif;
		color: #bbbbbd;
		height: 29px;
		line-height: 29px;
		font-size: 12px;
	
		-moz-box-shadow:inset 0 0 4px #d8d7d6;
		-webkit-box-shadow:inset 0 0 4px #d8d7d6;
		box-shadow:inset 0 0 4px #d8d7d6;
		
}

#search-area input[type=submit]:hover, #map-search input[type=submit]:hover, .submit-area input[type=submit]:hover{
		background-color: #d8d7d6;
}

#advanced-search{
		position: absolute;
		z-index: 900;
		
}

#advanced-search.closed{
		height: 22px;
		overflow: hidden;
}

#advanced-search.open, #advanced-search.open #advanced-search-control{
		background-color: #b9b2aa;
		color: white;
		}

#advanced-search.open{
		-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);

}

#advanced-search-control{
		height: 22px;
		line-height: 22px;
		padding-left: 12px;
		font-weight: bold;
		cursor: pointer;
		color: #bbbbbd;
}

#advanced-search-options{
		width: 193px;
		margin-left: 12px;
		border-top: 2px solid #cec9c4;
		margin-top: 1px;
		padding-top: 15px;
}

#advanced-search-options ul, #map-search ul{
		float: left;
		position: relative;
		width: 100%;
		
}

#advanced-search-options ul li, #map-search ul li{
		float: left;
		position: relative;
		height: 15px;
		margin-left: 13px;
		display: table;
		margin-bottom: 2px;
		width: 180px;
}

#advanced-search-options ul li p, #map-search ul li p{
		display: table-cell;
		vertical-align: middle;
		padding-bottom: 0px;
}

.select-group{
		margin-top: 8px;
		width: 100%;
	
}

#advanced-search-options .select-group ul.two-column{
		width: 100%;
}

#advanced-search-options .select-group ul.two-column li{
		float: left;
		position: relative;
		width: 80px;
		font-size: 10px;
}

#advanced-search-options input[type=submit]{
		float: right;
		position: relative;
		margin-right: -11px;
		background-color: #a1978c;
		color: white;
}

#advanced-search-options input[type=submit]:hover{
		background-color: #847e77;
}

/*Main Nav*/

#main-nav{
	background-color: white;
	padding-top: 16px;
	z-index: 800;
	margin-bottom: 65px;
	
}

#main-nav-wrap{
	position: absolute;
	
}

#overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	display: none;
	z-index: 700;
}

ul#primary-nav{
		height: 65px;
		background-color: #303141;
}

ul#primary-nav:hover, ul#primary-nav.active{
		background-color: #acacad;
		
}

ul#primary-nav li{
		float: left;
		position: relative;
		padding-left: 12px;
		padding-right: 12px;
		margin-left: -10px;
		margin-right: -8px;
		line-height: 65px;
		height: 65px;
		overflow: hidden;
		
}

ul#primary-nav li.first{
		margin-left: 1px;
}


ul#primary-nav li a{
		display: block;
		float: left;
		position: relative;
		height: 130px;
		overflow: hidden;
		padding-left: 5px;
		padding-right: 5px;
		color: white;
		font-size: 20px;
	
}

ul#primary-nav li:hover a, ul#primary-nav li.active a{
		border-top: 5px solid #ea3a42;
		background-color: white;
		-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.43);
		-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.43);
		box-shadow: 0 5px 12px rgba(0, 0, 0, 0.43);
		text-decoration: none;
		color: black;
}

ul#primary-nav li:hover a img, ul#primary-nav li.active a img{
		margin-top: -65px;
		
}

ul#primary-nav li a img{
		-webkit-transition: all 0.0s ease-in-out;
		-moz-transition: all 0.0s ease-in-out;
		-o-transition: all 0.0s ease-in-out;
		-ms-transition: all 0.0s ease-in-out;
	
}



ul#primary-nav a:hover img{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-o-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
}

ul#primary-nav li:hover, ul#primary-nav li.active{
		margin-top: -5px;
		height: 70px;
		
		
}

#nav-details{
	height: 208px;
	background-color: white;
	display: none;
}

.nav-detail{
	position: absolute;
	top: 0;
	left: 0;
	height: 208px;
	background-color: white;
	display: none;
}

.nav-detail ul{
		width: 908px;
		height: 165px;
		margin-left: 58px;
		margin-top: 20px;
}

.nav-detail ul li{
		float: left;
		position: relative;
		width: 227px;
}

.nav-detail ul li img{
	margin-left: -43px;
}

.nav-group-title{
		float: left;
		position: relative;
		width: 100%;
		color: #808285;
		font-size: 17px;
		border-bottom: 1px solid #e4e4e5;
		height: 28px;
}






/* Footer Specific Styles
-------------------------------------------------------------------------------*/

#footer{
	background-color: #736555;
	color: white;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 11px;
}

#footer a{
		color: white;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
	
}

#footer a:hover{
		color: #303141;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}

#footer a.facebook{
		
		width: 18px;
		height: 19px;
		display: block;
		float: left;
		position: relative;
		margin-right: 10px;
}

#footer a.twitter{
		
		width: 19px;
		height: 19px;
		display: block;
		float: left;
		position: relative;
		margin-right: 10px;
}

#footer a.youtube{
		
		width: 20px;
		height: 19px;
		display: block;
		float: left;
		position: relative;
		margin-right: 10px;
}


#footer-nav{
		margin-left: 57px;
		text-align: left;
		margin-bottom: 45px;
		font-size: 15px;
}

#footer-nav ul{
		float: left;
		position: relative;
		width: 100%;
		border-left: 1px solid #b9b2aa;
		min-height: 123px;
}

#footer-nav ul li{
		margin-bottom: 6px;
		padding-left: 6px;
}

#footer-nav ul li:last-child{
		margin-bottom: 0px;
}



/* Page Specific Styles
This section contains the general content styling options as well
-------------------------------------------------------------------------------*/

.page-content{
		margin-top: 15px;
		margin-bottom: 30px;
		margin-left: 57px;
}

.page-content h2{
		margin-bottom: 15px;
}

.page-content p{
		padding-bottom: 15px;
		line-height: 18px;
		font-size: 14px;
}

.page-content a{
		text-decoration: underline;
}

.page-content ul{
		list-style: disc;
		margin-bottom: 10px;
		
}

.page-content ol{
		margin-bottom: 10px;
}

.page-content ul li, .page-content ol li{
		margin-left: 30px;
		padding-bottom: 5px;
}

/*Home Page*/


.bucket{
		text-align: center;
}

.bucket h2{
	margin-bottom: 0px;
}

.bucket a.more{
		margin-left: 102px;
}

.bucket img{
	margin-bottom: 5px;
	
}

/*Site Map*/

.page-content #site-map ul{
		list-style: none;
		margin-bottom: 0px;
}

.page-content #site-map ul li{
		margin-left: 0px;
}

.page-content #site-map ul li a{
		font-weight: bold;
		text-decoration: none;
}

.page-content #site-map ul li ul li a{
		font-weight: normal;
}

.page-content #site-map ul li a:hover{
		text-decoration: underline;
}

.page-content #site-map ul ul{
		margin-top: 5px;
}

.page-content #site-map ul li ul li{
		margin-left: 15px;
}

/*Product Listing Page*/

#product-listing{
		margin-top: 15px;
		
}

#product-listing h4{
		margin-bottom: 4px;
}

#product-listing a{
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}

#product-listing a:hover{
		color: #303141;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}

.page-content #product-listing p{
		padding-bottom: 2px;
		font-size: 12px;
		line-height: 12px;
}

.page-content #product-listing img{
		margin-bottom: 5px;
}

.page-content #product-listing ul{
	float: left;
	position: relative;
	width: 100%;
	list-style: none;
	margin-top: 3px;
}

.page-content #product-listing ul li{
		float: left;
		position: relative;
		margin-left: 0px;
		margin-right: 2px;
		width: 13px;
		height: 13px;
		padding: 0;
		
}


#product-country{
		position: absolute;
		top: 113px;
		right: 0;
		width: 30px;
		height: 17px;
}

#product-country.usa{
		background-size: 30px 17px;
		
}

#product-row{
		margin-bottom: 15px;
		border-bottom: 1px solid #dddddf;
		padding-bottom: 5px;
		
}




/* Product Specific Styles
-------------------------------------------------------------------------------*/


/*Styling for Color Swatch Interactions*/



.swatch-images img, .page-content #product-variations .swatch-downloads a{
		display: none;
}

.swatch-images img.swatch-active, .page-content #product-variations .swatch-downloads a.swatch-active{
		display: block;
}

#single-product-description{
	margin-top: 45px;
}

#single-product-details{
		margin-top: 15px;
}

.page-content #product-variations ul{
	float: left;
	position: relative;
	width: 100%;
	list-style: none;
	margin-top: 3px;
}

.page-content #product-variations li{
		float: right;
		position: relative;
		margin-left: 0px;
		margin-right: 2px;
		width: 25px;
		height: 25px;
		padding: 0;
		cursor: pointer;
		border: 2px solid white;
		
}

.page-content #product-variations li.swatch-active{
	border: 2px solid #BBBBBD;
}

#product-variations{
		text-align: right;
		font-size: 11px;
}


.page-content #product-variations a{
		display: block;
		padding-bottom: 10px;
		color: #77787b;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}

.page-content #product-variations a:hover{
		color: #303141;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}

#single-product-description h3, #single-product-description h4{
		margin-bottom: 0px;
}

.page-content #single-product-nav ul{
		list-style: none;
		font-size: 14px;
}

.page-content #single-product-nav ul li{
		margin-left: 53px;
		padding-bottom: 10px;
}

.page-content #single-product-nav ul li a{
		display: block;
		text-align: center;
		width: 100%;
		text-decoration: none;
		color: #bbbbbd;
		text-transform: uppercase;
		background-color: #f1efee;
		height: 30px;
		line-height: 30px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}

.page-content #single-product-nav ul#sub-nav li a{
		background-color: #bbbbbd;
		color: #f1efee;	
}

.page-content #single-product-nav ul li a:hover, .page-content #single-product-nav ul#sub-nav li a:hover{
		background-color: #303141;
		color: #f1efee;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		
}

.page-content #single-product-nav ul#sub-nav li{
		margin-left: 0px;
}




.ArrowLeft { left: -30px;; top: 0;  height: 100%; position: absolute;}
.ArrowRight { right: -30px;; top:0; height: 100%; position: absolute;}

.ArrowIcn {		
	width: 30px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;
	position: absolute;	
	cursor: pointer;	
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	
	
}

.ArrowLeft:hover .ArrowIcn, .ArrowRight:hover .ArrowIcn{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.ArrowRight .ArrowIcn{
		background-position: top right;
}

#price-grid{
		border-top: 2px solid #736555;
		padding-top: 20px;
		width: 100%;
		margin-bottom: 30px;
}

table.price-table{
		float: left;
		position: relative;
	
		
}

table.price-table td{
		padding-right: 10px;
}

#single-product-variations-nav{
		margin-top: 15px;
		text-align: center;
		height: 18px;
}

#single-product-variations-nav a{
		display: inline-block;
		width: 18px;
		height: 18px;
		text-align: center;
		line-height: 18px;
		background-color: #dedfe0;
		color: white;
		text-decoration: none;
		font-family: Arial;
		font-weight: bold;
		font-size: 12px;
		margin-right: 2px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
}

#single-product-variations-nav a:hover, #single-product-variations-nav a.current{
		background-color: #bebfc1;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
}


#single-product-variations-nav a.variation-prev{
		display: block;
		position: absolute;
		top: 2px;
		left: 0;
		width: auto;
		padding-left: 3px;
		padding-right: 3px;
		margin: 0;
		color: #bebfc1;
		background-color: transparent;
		font-family: "Century Gothic", sans-serif;
		font-weight: normal;
}

#single-product-variations-nav a.variation-next{
		right: 0;
		display: block;
		position: absolute;
		top: 2px;
		padding-left: 3px;
		padding-right: 3px;
		width: auto;
		margin: 0;
		color: #bebfc1;
		background-color: transparent;		
		font-family: "Century Gothic", sans-serif;
		font-weight: normal;
}

#single-product-variations-nav a.variation-prev:hover, #single-product-variations-nav a.variation-next:hover{
		background-color: #bebfc1;
		color: white;
}

/*Video/Bios*/

#bread-crumbs{
		text-align: left;
		font-size: 11px;
}

.video-player{
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
	
	
}

/*How To Buy*/

#map-search{
		font-size: 14px;
}

ul.map-search-results{
		float: left;
		position: relative;
		width: 100%;
		list-style: none;
}

#map-search ul.map-search-results li{
		float: left;
		position: relative;
		margin-left: 0px;
		height: auto;
		
}

.result-id{
		display: block;
		float: left;
		position: relative;
		width: 21px;
		text-align: center;
		color: white;
		font-weight: bold;
		
		background-position: top left;
		background-repeat: no-repeat;
		padding-top: 3px;
		padding-bottom: 30px;
}

.result-detail{
		width: 190px;
}

.result-detail h1{
		text-transform: uppercase;
}

.faq-question{
		cursor: pointer;
		margin-bottom: 0px;
}

.faq-answer{
		display: none;
}

/*Opt In*/

#opt-in .grid{
		margin-bottom: 5px;
		font-size: 12px;
}

#opt-in .grid label{
		padding-bottom: 5px;
		display: block;
}

.submit-area{
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #736555;
		
}

.submit-area input[type=submit]{
		width: 100px;
}

/*SalesPerson Map*/

#salesperson-map{
	height: 417px;
	
}

.node{
	position: absolute;
	width: 20px;
	height: 20px;
	
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.node-detail{
		width: 185px;
		height: 78px;
		position: absolute;
		
		margin-left: -180px;
		margin-top: -23px;
		display: none;
}

.node-detail-content{
		float: left;
		position: relative;
		margin-left: 3px;
		margin-top: 3px;
		width: 100%;
}

.node-detail-content img{
		float: left;
		position: relative;
}

.node-detail-content span{
		display: block;
		float: right;
		position: relative;
		margin-top: 8px;
		margin-right: 30px;
		width: 87px;
		font-size: 11px;
		line-height: 11px;
}

.node-detail-content span strong{
		display: block;
		padding-bottom: 3px;
}




/* override of Sharepoint styles */
.ms-WPBody h3 {
    font-size: 36px;
    font-weight: normal;
}
.ms-WPBody h2 {
    font-size: 20px;
    font-weight: normal;
}
.ms-WPBody h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.ms-WPBody a:link {
    color:#736555;
    text-decoration: underline;
}
.ms-WPBody 
{
    font: 16px "Century Gothic", sans-serif;
    /* font-family: verdana,arial,helvetica,sans-serif; */
}
/* override of Sharepoint styles - End */

/* price buttons */
.swatch-images img, .page-content #single-product-nav .swatch-pricebuttons a {
		display: none;
}
.page-content #single-product-nav .swatch-pricebuttons a {
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;        
}
.swatch-images img.swatch-active, .page-content #single-product-nav .swatch-pricebuttons a.swatch-active
{    
		display: block;
}

.page-content #single-product-nav .swatch-pricebuttons a.swatch-active
{
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;            
}
.page-content #single-product-nav .swatch-pricebuttons a.swatch-active: hover
{
		background-color: #303141;
		color: #f1efee;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
/* end of price buttons */

/* customization buttons */
.swatch-images img, .page-content #single-product-nav .swatch-customizationbuttons a {
		display: none;
}
.page-content #single-product-nav .swatch-customizationbuttons a {
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;        
}
.swatch-images img.swatch-active, .page-content #single-product-nav .swatch-customizationbuttons a.swatch-active
{    
		display: block;
}

.page-content #single-product-nav .swatch-customizationbuttons a.swatch-active
{
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;            
}
.page-content #single-product-nav .swatch-customizationbuttons a.swatch-active: hover
{
		background-color: #303141;
		color: #f1efee;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
/* end of customization buttons */

/* virtual sample buttons */
.swatch-images img, .page-content #single-product-nav .swatch-virtualsamplebuttons a {
		display: none;
}
.page-content #single-product-nav .swatch-virtualsamplebuttons a {
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;        
}
.swatch-images img.swatch-active, .page-content #single-product-nav .swatch-virtualsamplebuttons a.swatch-active
{    
		display: block;
}

.page-content #single-product-nav .swatch-virtualsamplebuttons a.swatch-active
{
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;            
}
.page-content #single-product-nav .swatch-virtualsamplebuttons a.swatch-active: hover
{
		background-color: #303141;
		color: #f1efee;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
/* end of virtual sample buttons */

/* packaging buttons */
.swatch-images img, .page-content #single-product-nav .swatch-packagingbuttons a {
		display: none;
}
.page-content #single-product-nav .swatch-packagingbuttons a {
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;        
}
.swatch-images img.swatch-active, .page-content #single-product-nav .swatch-packagingbuttons a.swatch-active
{    
		display: block;
}

.page-content #single-product-nav .swatch-packagingbuttons a.swatch-active
{
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;            
}
.page-content #single-product-nav .swatch-packagingbuttons a.swatch-active: hover
{
		background-color: #303141;
		color: #f1efee;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
/* end of packaging buttons */


/* packaging customizationbuttons */
.swatch-images img, .page-content #single-product-nav .swatch-packagingcustomizationbuttons a {
		display: none;
}
.page-content #single-product-nav .swatch-packagingcustomizationbuttons a {
		font-size: 12px;
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;        
}
.swatch-images img.swatch-active, .page-content #single-product-nav .swatch-packagingcustomizationbuttons a.swatch-active
{    
		display: block;
}

.page-content #single-product-nav .swatch-packagingcustomizationbuttons a.swatch-active
{
    	font-size: 12px;
        -moz-transition: all 0.1s ease-in-out 0s;
        background-color: #F1EFEE;
        color: #BBBBBD;
        display: block;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 165px;
        margin-left: 53px;
        margin-bottom: 10px;            
}
.page-content #single-product-nav .swatch-packagingcustomizationbuttons a.swatch-active: hover
{
    	font-size: 12px;
		background-color: #303141;
		color: #f1efee;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
/* end of packaging customization buttons */


.page-content #single-product-nav ul li span {
    -moz-transition: all 0.1s ease-in-out 0s;
    background-color: #F1EFEE;
    color: #BBBBBD;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.packaging-buttons img, .packaging-description a {
		display: none;
}
.packaging-description a.swatch-active
{    
		display: block;
}

.packaging-buttons img, .customization-description2 a {
		display: none;
}
.customization-description2 a.swatch-active
{    
		display: block;
}
#single-product-variations-nav a.swatch-active
{  
		background-color: #bebfc1;
}

#price-grid-noborder{
		/* padding-top: 20px; */
		width: 100%;
		margin-bottom: 30px;
}
table.price-table td{
	font-size: 15px;
}
.SubmitButton {
	
}
.SubmitButton hover{
	
}
.form-error 
{
   color: red;
}
#opt-in  ul
{
    color: Red;
    display: inline;
    padding: 0;
    list-style: none outside none;    
}
/* .grid-3{width:400px;} */
.grid-293{width:293px;}
.usa_small{
	
}
.checkboxList td{padding-right: 10px;}

/* product scrolling

/* container for slides */
/* .productDivs {
}
*/
/* single slide */
/* .productDivs div {
    display:none;
}
*/
/* header */
/* .productDivs h3 {
    font-size:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#456;
}
*/
/* tabs (those little circles below slides) */
.slidetabs {
    clear:both;
    margin-left:310px;
    display:none;
}
/* single tab */
.slidetabs a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(http://jquerytools.org/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display:none;
    font-size:1px;
}
/* mouseover state */
.slidetabs a:hover {
    background-position:0 -8px;
}
/* active state (current page state) */
.slidetabs a.current {
    background-position:0 -16px;
}
/* prev and next buttons */
.backward { left: -30px;; top:0; height: 100%; position: absolute;}
.forward { right: -30px;; top:0; height: 100%; position: absolute;}

.backward:hover .ArrowIcn, .forward:hover .ArrowIcn{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
.forward .ArrowIcn{
		background-position: top right;
}   
.disabled {
    visibility:hidden !important;
}
/* end of product scrolling */
.ca{
		background-image: url('/SiteCollectionImages/figure-flag-ca.png');
}
/* Video Bios Web Part styles
-------------------------------------------------------------------------------*/
.SalesPerson
{
	visiblity: hidden;
	display: none;
	position: absolute;
	width: 910px;
}

.vbArrowRight
{
	width: 30px;
	left: 910px;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.vbArrowLeft
{
	width: 30px;
	left: -30px;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.vbArrowLeftIcn
{
	width: 30px;
	height: 60px;
	background-attachment: scroll;
	
	background-position: left top;
	background-repeat: repeat;
	margin-top: 300px;
}

.vbArrowRightIcn
{
	width: 30px;
	height: 60px;
	background-attachment: scroll;
	
	background-position: right top;
	background-repeat: repeat;
	margin-top: 300px;
}

#vbSlider
{
	height: 680px; 
	margin-left: -30px; 
	padding-left: 30px; 
	padding-right: 30px; 
	overflow: hidden;
}
#salesperson-description{
	margin-top: 25px;
}
.grid-4-3-50left{width:676px; margin-left:50px;} /*Represents 2/3 of a Page, used on salesperson page */

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}