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

*
{
margin: 0;
padding: 0;
}

body
{
width: 100%;
margin: 0;
padding: 0;
font-family: "open_sansregular", arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: small;
color: #111111;
background: #e7ebee;
}

/* Common Elements */

a
	{
	outline: none;
	}

a:link, a:visited, a:active, a:hover, a:focus
	{
	color: inherit;
	text-decoration: underline;
	}

a.normal-link:link, a.normal-link:visited, a.normal-link:active
	{
	color: inherit;
	text-decoration: underline;
	}

a.normal-link:hover, a.normal-link:focus
	{
	color: inherit;
	text-decoration: none;
	}

a.inherit:link, a.inherit:visited, a.inherit:active
	{
	color: inherit;
	text-decoration: none;
	}

a.inherit:hover, a.inherit:focus
	{
	color: inherit;
	text-decoration: none;
	}

a.call-link:link, a.call-link:visited, a.call-link:active, a.call-link:hover, a.call-link:focus
	{
	color: #0033cc;
	text-decoration: none;
	cursor: text;
	font-weight: bold;
	}
	
a.call-link-foot:link, a.call-link-foot:visited, a.call-link-foot:active, a.call-link-foot:hover, a.call-link-foot:focus
	{
	color: #ffcc33;
	text-decoration: none;
	cursor: text;
	font-weight: bold;
	}

img
	{
	width: 100%;
	max-width: 100%; /* Internet Explorer Fix */
	}

img.pre-load
	{
	display: none;
	}

img.no-border
	{
	border: 0;
	}

ul
	{
	list-style: none;
	}

br.clear-all
	{
	clear: both;
	}

br.clear-all-tablet
	{
	display: none;
	}

.new-hr
	{
	width: 100%;
	height: 1px;
	float: left;
	margin: 0;
	padding: 0;
	background: #cccccc;
	}

span.tap
	{
	display: none;
	}

/* End Common Elements */

/* Pre-Header */

#pre-header
	{
	width: 100%;
	background: #ffffff;
	}

#logo-holder
		{
		width: 1000px;
		margin: 0 auto;
		text-align: center;
		}

img#main-logo
			{
			width: 460px;
			float: left;
			margin: 20px 0 12px 12px;
			border: 0;
			}
			
img#main-logo-large
			{
			display: none;
			}
			
			
#large-contact-info
			{
			width: 460px;
			float: right;
			margin: 20px 16px 20px 0; 
			}

p#header-phone
				{
				margin: 0;
				padding: 0;
				font-family: 'open_sansregular';
				font-weight: normal;
				font-style: normal;
				font-size: 20px;
				line-height: auto;
				text-transform: capitalize;
				text-align: right;
				color: #000000;
				}

p#header-address
				{
				margin: 0;
				padding: 3px 0 0 0;
				font-family: 'open_sansitalic';
				font-weight: bold;
				font-style: normal;
				font-size: 16px;
				line-height: 20px;
				text-align: right;
				color: #000000;
				}

/* End Pre-Header */

/* Header */

#header
	{
	width: 100%;
	border-top: 1px solid #b9c7de;
	border-bottom: 1px solid #b9c7de;
	background: #0066cc;
	}

#header-center
		{
		width: 960px;
		margin: 0 auto;
		text-align: center;
		}

		
img.social-icon
				{
				width: 120px;
				margin: 0 auto;
				border: none;
				padding: 2px;
				}
				
/* Main Navigation */

#menu-info-holder, ul#header-list-tab, .toggleMenu:link, .toggleMenu:visited, .toggleMenu:active, .toggleMenu:hover, .toggleMenu:focus, ul#phone-only-list
			{
			display: none;
			}

ul.nav
			{
			width: auto;
			float: right;
			margin: 0 10% 0 0;
			list-style: none;
			font-family: 'open_sansbold';
			font-weight: normal;
			font-style: normal;
			font-size: 14px;
			text-transform: uppercase;
			line-height: auto;
			}

ul.nav:before
			{
			content: " "; 
			display: table; 
			}

ul.nav:after
			{
			clear: both;
			content: " "; 
			display: table;
			}

ul.nav li
				{
				position: relative;
				color: #ffffff;
				border-left: 1px solid white;
				border-right: 1px solid #d7d7d7;
				}

ul.nav li:hover, ul.nav li:focus
				{
				color: #ffcc33;
				background: #0066cc;
				}

ul.nav > li
				{
				float: left;
				margin: 0;
				}

ul.nav > li > a
					{
					display: block;
					}

a.m-n:link, a.m-n:visited, a.m-n:active
					{
					display: block;
					padding: 12px 18px;
					color: inherit;
					text-decoration: none;
					}

a.m-n:hover, a.m-n:focus
					{
					color: inherit;
					}

a.m-n-act:link, a.m-n-act:visited, a.m-n-act:active, a.m-n-act:hover, a.m-n-act:focus
					{
					display: block;
					padding: 12px 18px;
					color: #ffcc33;
					text-decoration: none;
					background: #0066cc;
					}

ul.nav ul
					{
					list-style: none;
					text-align: left;
					}

ul.nav li ul
					{
					position: absolute;
					left: -9999px;
					z-index: 10000;
					white-space: nowrap;
					background: #eeeeee;
					}

ul.nav > li.hover > ul
					{
					min-width: 100%;
					left: -1px;
					border-left: 1px solid #d7d7d7;
					border-right: 1px solid #d7d7d7;
					border-bottom: 1px solid #d7d7d7;
					padding: 0 0 6px 0;
					box-shadow: 0 8px 6px -6px black;
					-moz-box-shadow: 0 8px 6px -6px black;
					-webkit-box-shadow: 0 8px 6px -6px black;
					}

ul.nav li li.hover ul
					{
					left: 100%;
					top: 0;
					}

ul.nav li ul li, ul.nav li ul li:hover, ul.nav li ul li:focus
						{
						border: 0;
						}

a.m-n-sub:link, a.m-n-sub:visited, a.m-n-sub:active
						{
						display: block;
						position: relative;
						z-index: 100;
						border: 0;
						padding: 6px 14px;
						font-weight: normal;
						font-style: normal;
						color: #222222;
						}

a.m-n-sub:hover, a.m-n-sub:focus
						{
						color: #000000;
						}

a.m-n-sub-act:link, a.m-n-sub-act:visited, a.m-n-sub-act:active, a.m-n-sub-act:hover, a.m-n-sub-act:focus
						{
						display: block;
						position: relative;
						z-index: 100;
						border: 0;
						padding: 6px 14px;
						font-weight: normal;
						font-style: normal;
						color: #cc0001;
						}

/* End Main Navigation */

/* End Header */

#slider-center
	{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	}

#slider-holder
		{
		width: 92%;
		float: left;
		padding: 38px 4% 20px 4%;
		padding: 20px 2% 20px 2%;
		text-align: left;
		}

#wrapper
	{
	width: 960px;
	margin: 0 auto;
	padding: 2% 0;
	text-align: center;
	background: white;
	}

/* Content */

#content
		{
		width: 92%;
		float: left;
		padding: 0 4%;
		text-align: left;
		}

p.bread-crumbs
			{
			margin: 4px 0 22px 2px;
			font-size: 70%;
			line-height: 190%;
			text-transform: uppercase;
			}

h1
			{
			margin: 0 0 8px 0;
			border-bottom: 2px solid #009833;
			padding: 0 0 2px 0;
			font-family: 'open_sanssemibold';
			font-weight: normal;
			font-style: normal;
			font-size: 150%;
			text-transform: uppercase;
			color: #111111;
			}

img.main-wide
			{
			width: 354px;
			float: right;
			clear: right;
			margin: 5px 0 20px 20px;
			border: 4px solid #d8d8d8;
			box-shadow: 0 8px 6px -6px black;
			-moz-box-shadow: 0 8px 6px -6px black;
			-webkit-box-shadow: 0 8px 6px -6px black;
			}

h2
			{
			clear: left;
			margin: 0 0 12px 0;
			padding: 4px 0 0 0;
			font-family: 'open_sansbold';
			font-weight: normal;
			font-style: normal;
			font-size: 130%;
			line-height: 155%;
			text-transform: none;
			color: #0066cc;
			}
			
h2.promo
			{
			margin: 0 0 10px 0;
			font-family: 'open_sansitalic';
			font-weight: bold;
			font-style: normal;
			font-size: 130%;
			line-height: 155%;
			color: #0066cc;
			text-transform: none;
			}

h2.blue
			{
			margin: 0 0 10px 0;
			font-family: 'open_sansitalic';
			font-weight: bold;
			font-style: normal;
			font-size: 130%;
			line-height: 155%;
			color: #003399;
			text-transform: none;
			}

.promo
			{
			margin: 0 0 10px 0;
			font-family: 'open_sansitalic';
			font-weight: bold;
			font-style: normal;
			font-size: 120%;
			line-height: 140%;
			color: #663300;
			}
			
p.contactcat
			{
			font-weight: bold;
			padding: 0;
			margin-bottom: 0;
			}
			
/* Sub Content */

.v-stripe
			{
			width: 100%;
			background: #f6f6f6;
			}

.sub-content
				{
				width: 55%;
				float: left;
				padding: 0 4% 0 0;
				background: white;
				}
				
.sub-content-wide
				{
				width: 95%;
				float: left;
				padding: 0 4% 0 0;
				background: white;
				}

.sub-content-full-col
				{
				width: 98%;
				float: left;
				margin: 0;
				padding: 0 3% 0 0;
				background: #f9f9f9;
				background: #ffffff;
				}

				
img.photos
					{
					width: 28%;
					float: left;
					margin: 2% 4% 3% 0;
					border: none;
					}

img.photos-right
					{
					width: 28%;
					float: left;
					margin: 2% 0 3% 0;
					}

div.right-box
					{
					width: 30%;
					float: right;
					margin: 1% 1% 1% 2%;
					}
					
img.right-pic
					{
					width: 90%;
					padding: 1px;
					}
					
div.buy-online-pp
					{
					float: left;
					margin: 2%;
					}	

					
img.buy-online
					{
					width: 28%;
					float: left;
					padding: 5px;
					}			

div.list-boxes
					{
					width: 40%;
					float: left;
					padding: 2px;
					}	

p.brown
					{					
					color: #000000;
					font-weight: bold;
					font-style: normal;
					font-size: 120%;
					margin-bottom: 2px;
					}

div.category
					{
					width: 28%;
					float: left;
					margin: 2% 4% 3% 0;
					text-align: left;
					font-weight: bold;
					font-style: normal;
					font-size: 140%;
					color: #003399;
					padding: 3px;
					}
																									
h3
					{
					clear: left;
					margin: 0 0 12px 0;
					font-family: 'open_sansbold';
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 150%;
					color: #2f1e0c;
					}

h4
					{
					margin: 0 0 20px 0;
					font-family: 'open_sansitalic';
					font-weight: normal;
					font-style: normal;
					font-size: 115%;
					line-height: 150%;
					color: #333333;
					}

p
					{
					clear: left;
					margin: 0 0 20px 0;
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 155%;
					}

span.bolder
						{
						font-family: "open_sansbold", arial, sans-serif;
						font-weight: normal;
						font-style: normal;
						}

span.italic
						{
						font-family: "open_sansitalic", arial, sans-serif;
						font-weight: normal;
						font-style: normal;
						}

img.little-logo-1
					{
					width: 34px;
					float: left;
					margin: 2px 14px 20px 0;
					}

img.little-logo-2
					{
					width: 50px;
					float: left;
					margin: 2px 14px 20px 0;
					}

img.little-logo-3
					{
					width: 37px;
					float: left;
					margin: 2px 14px 20px 0;
					}

ul.normal-list
					{
					clear: left;
					margin: 0 33px 20px 20px;
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 155%;
					list-style: disc;
					color: #000000;
					}

ul.normal-list li
						{
						margin: 0 0 10px 0;
						padding: 0;
						}
						
ul.normal-list-services
					{
					clear: left;
					margin: 0 33px 20px 20px;
					font-weight: bold;
					font-style: normal;
					font-size: 120%;
					line-height: 155%;
					list-style: disc;
					color: #000000;
					}

ul.normal-list-services li
						{
						margin: 0 0 10px 0;
						padding: 0;
						}

ul.normal-list-items
					{
					clear: left;
					margin: 0 10px 10px 10px;
					font-weight: normal;
					font-style: normal;
					font-size: 120%;
					line-height: 140%;
					list-style: disc;
					color: #000000;
					}

ul.normal-list-items li
						{
						margin: 0 0 1px 0;
						padding: 0;
						}
															
span.normal-color
							{
							color: #111111;
							}


.new-hr
					{
					width: 100%;
					height: 1px;
					float: left;
					margin: 6px 0 14px 0;
					background: #cccccc;
					}

/* End Sub Content */


/* Form -Ordering Page */
	
.form-holder
		{
		width: 72%;
		float: left;
		margin: 4px 0 40px 0;
		padding: 5% 7%;
		background: #dddddd;
		}
		
.form-holder p.bottom-p
		{
		margin-bottom: 0;
		}
		
.form-holder-h2
		{
		width: 82%;
		float: left;
		margin: 17px 0 40px 0;
		padding: 5% 7%;
		background: #dddddd;
		}
		
form.small-form
		{
		margin:0;
		padding:0;
		}
		
p.form-required
		{
		margin: 0 0 20px 0;
		font-size: 90%;
		line-height: 130%;
		color: #869191;
		}

p.form-category
		{
		margin: 0 0 5px 0;
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		}

input, textarea
		{
		box-sizing: content-box;
		border: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		}

input.normal-form-input
		{
		width: 92%;
		float: left;
		margin: 0 0 20px 0;
		padding: 8px 3%;
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		font-size: 130%; 
		color: #666666;
		box-shadow: inset 0 0 3px #777777;
		-moz-box-shadow: inset 0 0 3px #777777;
		-webkit-box-shadow: inset 0 0 3px #777777;
		}

textarea.normal-form-textarea
		{
		width: 92%;
		float: left;
		margin: 0 0 20px 0;
		padding: 8px 3%;
		font-family: 'open_sansregular';
		font-weight: normal;
		font-style: normal;
		font-size: 130%;
		color: #666666;
		resize: none;
		box-shadow: inset 0 0 3px #777777;
		-moz-box-shadow: inset 0 0 3px #777777;
		-webkit-box-shadow: inset 0 0 3px #777777;
		}

.captcha-holder
		{
		width: auto; 
		float: left;
		margin: 0 0 2% 0;
		}

.captcha-holder img
		{
		width: auto;
		}

input.form-submit
		{
		width: 30%;
		float: left;
		margin: 0 0 3% 0;
		padding: 14px 2% 10px 2%;
		font-family: 'open_sansbold';
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: normal;
		text-transform: uppercase;
		color: white;
		background: #00509b;
		-moz-appearance: none;
		-webkit-appearance: none;
		}

input.form-submit:hover, input.form-submit:focus
		{
		background: #005bb0;
		cursor: pointer;
		}

/* End Form - Ordering Page */


/* -------- Directions Page --------  */

#mapholder
				{
				width: 640px;
				margin: 14px auto 18px auto;
				border: 1px solid black;
				text-align: center;
				}

/* -------- End Directions Page --------  */


/* Right Column */

.right-column, .right-column-sub
				{
				width: 41%;
				float: left;
				margin: 0;
				background: white;
				}

right-column-sub .right-col
				{
				width: 356px;
				border: 2px solid #111111;
				padding: 2px;
				}

img.right-product
					{
					width: 354px;
					margin: 4px 0 6px 0;
					border: 4px solid #d8d8d8;
					box-shadow: 0 8px 6px -6px black;
					-moz-box-shadow: 0 8px 6px -6px black;
					-webkit-box-shadow: 0 8px 6px -6px black;
					}

img.main-wide-sub-small
					{
					display: none;
					}
					
p.caption
						{
						clear: left;
						text-align: center;
						margin: 2px auto;
						font-weight: normal;
						font-style: italic;
						font-size: 110%;
						line-height: 145%;
						font-family: "open_sansitalic", arial, sans-serif;
						}	

p.caption-bold
						{
						clear: left;
						text-align: center;
						margin: 2px auto;
						font-weight: bold;
						font-style: italic;
						font-size: 110%;
						line-height: 145%;
						font-family: "open_sansitalic", arial, sans-serif;
						}	

.cube-left
					{
					width: 24%;
					height: 80px;
					float: left;
					margin: 0 2% 2% 0;
					padding: 4%;
					background: #e9e9e9;
					}

.cube-middle
					{
					width: 24%;
					height: 80px;
					float: left;
					margin: 0 2% 2% 0;
					padding: 4%;
					background: #e3e3e3;
					}

.cube-right
					{
					width: 24%;
					height: 80px;
					float: left;
					margin: 0 0 2% 0;
					padding: 4%;
					background: #dddddd;
					}

p.cube-cat
						{
						margin: 0 0 10px 0;
						font-size: 12px;
						font-family: 'open_sanssemibold';
						font-weight: normal;
						font-style: normal;
						text-transform: uppercase;
						color: #01106d;
						}

p.cube-info
						{
						font-size: 12px;
						color: black;
						}

/* End Right Column */

p.top-link
			{
			margin: 0;
			font-size: 90%;
			text-transform: uppercase;
			}

/* End Content */

/* Footer */

#footer
	{
	width: 100%;
	border-top: 2px solid #311b05;
	border-bottom: 1px solid #311b05;
	background: #003366;
	}

#footer-center
		{
		width: 960px;
		margin: 0 auto;
		padding: 2.5% 0 2% 0;
		text-align: center;
		}

ul.footer-list
			{
			width: 20%;
			display: inline;
			float: left;
			margin: 0 0 0 4%;
			padding: 0 3%;
			text-align: left;
			font-size: 13px;
			line-height: 19px;
			}

ul.footer-list li
				{
				margin: 0 0 2px 0;
				}

ul.footer-list li.footer-cat
				{
				margin: 0 0 10px 0;
				font-size: 16px;
				line-height: 22px;
				font-family: 'open_sansbold';
				font-weight: normal;
				font-style: normal;
				text-transform: uppercase;
				color: #eeeeee;
				}

ul.footer-list li.footer-main
				{
				margin: 12px 0 2px 0;
				}

a.f-n:link, a.f-n:visited, a.f-n:active
					{
					font-weight: normal;
					font-style: normal;
					color: white;
					text-decoration: none;
					}

a.f-n:hover, a.f-n:focus
					{
					font-weight: normal;
					font-style: normal;
					color: #ffecb0;
					text-decoration: none;
					}

a.f-n-act:link, a.f-n-act:visited, a.f-n-act:active, a.f-n-act:hover, a.f-n-act:focus
					{
					font-weight: normal;
					font-style: normal;
					color: #ffcc33;
					text-decoration: none;
					}

p#footer-contact-info
			{
			display: inline-block;
			width: 30%;
			float: right;
			clear: none;
			margin: 0 4% 0 0;
			font-family: 'open_sansitalic';
			font-weight: normal;
			font-style: normal;
			font-size: 13px;
			line-height: 18px;
			color: white;
			text-align: right;
			}

/* End Footer */

/* Sub Footer */

#sub-footer
	{
	width: 100%;
	background: #000000;
	}

#sub-footer-center
		{
		width: 960px;
		margin: 0 auto;
		text-align: center;
		}

p#copyright
			{
			margin: 0;
			padding: 2% 4% 0 4%;
			font-size: 90%;
			color: #ffffff;
			text-align: center;
			}

/* End Sub Footer */

@media(max-width: 999px){

br.clear-all-tablet
{
display: block;
clear: both;
}

#logo-holder
{
width: 100%;
margin: 0;
text-align: left;
}

img#main-logo
{
display: none;
}

img#main-logo-large
{
display: inline-block;
width: 50%;
float: left;
margin: 2% 0 2% 2%;
border: 0;
}

#large-contact-info
{
width: 46%;
float: right;
margin: 1.5% 2% 2.5% 0; 
}

p#header-phone
{
margin: 0;
line-height: auto;
color: white;
}

p#header-address
{
font-size: 12px;
line-height: 16px;
}

ul#header-list
{
display: none;
}

#header-center
{
width: 100%;
margin: 0;
}

ul#header-list-tab
{
display: inline-block;
float: left;
margin: 2% 0 2% 4%;
padding: 0;
font-family: 'open_sanssemibold';
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 19px;
text-align: left;
color: #000000;
}

.toggleMenu:link, .toggleMenu:visited, .toggleMenu:active, .toggleMenu:hover, .toggleMenu:focus
{
float: right;
display: block;
margin: 2% 2% 2% 0;
padding: 1% 3%;
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
text-decoration: none;
color: #000000;
background: #cccccc;
}

span#menu-button
{
font-size: 130%;
}

ul.nav
{
width: 100%;
margin: 0;
font-size: 15px;
font-size: 15px;
text-align: center;
}

.active
{
display: block;
}

ul.nav li
{
border: 0;
}

ul.nav > li
{
display: block;
width: 100%;
float: none;
}

a.m-n:link, a.m-n:visited, a.m-n:active
{
border-bottom: 1px solid #c4c4c4;
padding: 16px 0;
color: #0066cc;
background: #eeeeee;
}

a.m-n:hover, a.m-n:focus, a.m-n-act:link, a.m-n-act:visited, a.m-n-act:active, a.m-n-act:hover, a.m-n-act:focus
{
border-bottom: 1px solid #c4c4c4;
padding: 16px 0;
color: #006633;
background: #eeeeee;
}

a#tab-down-top
{
border-top: 1px solid #c4c4c4;
}

a#tab-down-bottom
{
border-bottom: 0;
}

ul.nav li ul
{
text-align: center;
}

ul.nav ul
{
display: block;
width: 100%;
border: 0;
}

ul.nav > li.hover > ul
{
border: 0;
padding: 0;
}

ul.nav > li > .parent
{
background: url('images/down-arrow.png') no-repeat #eeeeee 95% 50%;
}

ul.nav > li > .parent:hover, ul.nav > li > .parent:focus
{
background: url('images/down-arrow.png') no-repeat #eeeeee 95% 50%;
}

a.m-n-sub:link, a.m-n-sub:visited, a.m-n-sub:active
{
border-bottom: 1px solid #b7b7b7;
padding: 16px 0;
color: #222222;
background: #e3e3e3;
}

a.m-n-sub:hover, a.m-n-sub:focus, a.m-n-sub-act:link, a.m-n-sub-act:visited, a.m-n-sub-act:active, a.m-n-sub-act:hover, a.m-n-sub-act:focus
{
border-bottom: 1px solid #b7b7b7;
padding: 16px 0;
color: #222222;
background: #e3e3e3;
}

ul.nav > li.hover > ul, ul.nav li li.hover ul
{
position: static;
}

#slider-center
{
width: 100%;
text-align: left;
}

#slider-holder
{
padding-top: 20px;
}

#wrapper
{
width: 92%;
margin: 0;
padding: 3% 4%;
}

#content
{
width: 100%;
padding: 0;
}

h1
{
font-size: 140%;
}

img.main-wide
{
width: 39%;
}

img.main-wide-sub
{
width: 97%;
}

.form-holder
{
margin: 4px 0 12% 0;
}

.form-holder-h2
{
margin: 17px 0 12% 0;
}

input.form-submit
{
width: 100%;
padding: 14px 0 10px 0;
}

.cube-left
{
width: 88%;
height: auto;
margin: 0 0 2% 0;
padding: 6%;
}

.cube-middle
{
width: 88%;
height: auto;
clear: left;
margin: 0 0 2% 0;
padding: 6%;
}

.cube-right
{
width: 88%;
height: auto;
clear: left;
margin: 0 0 2% 0;
padding: 6%;
}

p.cube-info
{
margin: 0;
}

#footer-center
{
width: 100%;
margin: 0;
padding: 0;
}

ul.footer-list
{
width: 38%;
margin: 4% 0 4% 4%;
padding: 0;
}

p#footer-contact-info
{
width: 96%;
clear: left;
margin: 0 0 4% 4%;
text-align: left;
}

#sub-footer-center
{
width: 96%;
padding: 0;
}

p#copyright
{
padding: 4% 2% 0 2%;
font-size: 70%;
}



}

@media(max-width: 640px){

body
{
-webkit-text-size-adjust: 100%;
}

span.click
{
display: none;
}

span.tap
{
display: inline;
}

.hide-break
{
display: none;
}

#logo-holder
{
width: 75%;
margin: 0 auto;
text-align: center;
}

img#main-logo-large
{
width: 92%;
margin: 3% 8%;
}

#large-contact-info
{
display: none;
}

#menu-info-holder
{
display: inline-block;
width: auto;
float: left;
margin: 2% 0 2% 2%;
padding: 2.5% 4.5%;
}

p#menu-call
{
margin: 0 0 4px 0;
padding: 0;
font-family: 'open_sansbold';
font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 12px;
text-transform: capitalize;
text-align: left;
color: #ffffff;
}

p#menu-phone
{
margin: 0;
padding: 0;
font-family: 'open_sansbold';
font-weight: normal;
font-style: normal;
font-size: 22px;
line-height: 22px;
text-transform: lowercase;
text-align: left;
color: #ffffff;
}

ul#header-list-tab
{
display: none;
}

.toggleMenu:link, .toggleMenu:visited, .toggleMenu:active, .toggleMenu:hover, .toggleMenu:focus
{
margin: 4% 4% 4% 0;
padding: 2% 3%;
font-size: 16px;
line-height: 18px;
}

p.bread-crumbs
{
margin: 6px 0 16px 2px;
}

div.category
{
width: 52%;
float: left;
margin: 1% 2% 1% 0;
text-align: left;
font-weight: bold;
font-style: normal;
font-size: 120%;
color: #003399;
padding: 1px;
}
					
					
h1
{
margin: 4px 0 20px 0;
}

h1#under-slider
{
border-top: 1px solid #b5b5b5;
padding-top: 18px;
}

.sub-content
{
width: 100%;
min-height: 1px;
padding: 0 0 16px 0;
}

.right-column
{
width: 100%;
padding: 0 0 20px 0;
}

.right-column-sub
{
width: 100%;
padding: 0;
}

img.right-product
{
width: 60%;
float: left;
margin: 0 0 10px 0;
}

p.caption-bold-sm
{
margin: 0 0 2% 0;
}

div.right-box
{
width: 52%;
float: right;
margin: 2% 2% 2% 2%;
}
					
					
img.right-pic
{
width: 80%;
padding: 1px;
}
					
img.main-wide-sub
{
display: none;
}

img.main-wide-sub-small
{
display: block;
width: 39%;
float: right;
clear: right;
margin: 5px 0 20px 20px;
border: 4px solid #d8d8d8;
box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-webkit-box-shadow: 0 8px 6px -6px black;
}

.form-holder
{
width: 88%;
margin: 4px 0 5% 0;
padding: 4% 6%;
}

.form-holder-h2
{
width: 88%;
margin: 17px 0 5% 0;
padding: 4% 6%;
}

p.form-category
{
margin: 0 0 2% 0;
}

input.normal-form-input
{
margin: 0 0 4% 0;
}

.captcha-holder
{
margin: 1% 0 3% 0;
}

input.form-submit
{
width: 100%;
margin: 3% 0 5% 0;
}

.cube-left, .cube-middle, .cube-right
{
width: 40%;
height: auto;
float: right;
clear: right;
margin: 0 0 2% 4%;
padding: 3%;
}

ul#phone-only-list
{
display: inline-block;
clear: left;
margin: 0 0 20px 0;
font-weight: normal;
font-style: normal;
font-size: 115%;
line-height: 150%;
font-family: 'open_sanssemibold';
text-align: left;
color: #000000;
}

ul.footer-list
{
width: 82%;
clear: left;
margin: 4% 4% 0 4%;
padding: 0;
}

p#footer-contact-info
{
width: 92%;
margin: 4%;
}

div.list-boxes
{
width: 90%;
float: left;
padding: 2px;
}	

.list-boxes ul.normal-list-items
{
clear: left;
margin: 0 8px 8px 8px;
font-weight: normal;
font-style: normal;
font-size: 120%;
line-height: 140%;
list-style: disc;
color: #000000;
}

ul.normal-list-items li
{
margin: 0 0 1px 0;
padding: 0;
}
						
														
}

@media(max-width: 320px){

body
{
-webkit-text-size-adjust: none;
}

img#main-logo-large
{
width: 100%;
margin: 5% 0;
}

#menu-info-holder
{
padding: 1.75% 4.5%;
}

ul.nav
{
font-size: 12px;
font-size: 12px;
}

ul.nav > li > .parent
{
background: url('images/down-arrow.png') #eeeeee no-repeat 87% 50%;
}

ul.nav > li > .parent:hover, ul.nav > li > .parent:focus
{
background: url('images/down-arrow.png') #eeeeee no-repeat 87% 50%;
}

p#menu-phone
{
font-size: 20px;
line-height: 20px;
}

img.main-wide, img.main-wide-sub-small
{
width: 97%;
float: left;
margin: 5px 0 25px 0;
border: 4px solid #d8d8d8;
}

.form-holder
{
margin: 4px 0 10% 0;
}

.form-holder-h2
{
margin: 17px 0 10% 0;
}

div.category
{
width: 60%;
float: left;
margin: 1%;
text-align: left;
font-weight: bold;
font-style: normal;
font-size: 120%;
color: #003399;
padding: 1px;
}

p.form-category
{
font-size: 90%;
line-height: 140%;
}

input.normal-form-input
{
margin: 0 0 6% 0;
}

p#copyright
{
padding: 5% 2% 0 2%;
}


}

/* Fonts */

@font-face
{
font-family: 'open_sanscondensed_light';
src: url('fonts/OpenSans-CondLight-webfont.eot');
src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
url('fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sans_condensedbold';
src: url('fonts/OpenSans-CondBold-webfont.eot');
src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sansregular';
src: url('fonts/OpenSans-Regular-webfont.eot');
src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sansitalic';
src: url('fonts/OpenSans-Italic-webfont.eot');
src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sanssemibold';
src: url('fonts/OpenSans-Semibold-webfont.eot');
src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: 'open_sansbold';
src: url('fonts/OpenSans-Bold-webfont.eot');
src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}

/* End Fonts */