@charset "UTF-8";



  
  


html {overflow-y: scroll;}

body {font-size: 16px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
    
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol {
	list-style-type:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: inherit; 
	font-size:100%;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.grid_4 ul, .grid_10 ul {
	list-style: disc;
	margin: .5em 0 1em 2.5em;
}
#outerWrapper #contentWrapper {
	margin-right: 0px;
	margin-left: 0px;
	position: relative;	
    
}
#contentWrapper {
	background: transparent;
    
}




.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}



.alertmessageWSS img {
	max-height: 29.6875em;
	max-width: 50em;
			
}

.contact2block {
	padding: 0.625em 0 0 0;
	border-top: 1px dotted #999;
	margin: 0 0.625em 0 0;	
}

.inputButton, a.inputButton:link, a.inputButton:visited, a.inputButton:hover, a.inputButton:active  {
	cursor:pointer;
	border-style:none;
	padding: 0.1875em 0.625em;	
	text-decoration: none;
}



.listDisplay {
	overflow: hidden;
	height: 4.6875em;
	width: 4.6875em;
	margin-bottom: 1.25em;
	margin-top: 0;	
	padding:0;	
}

.listDisplay img {
	height: 4.6875em;	
}





#outerWrapper {
	text-align: left;
	width: 990px;
	margin: 0px auto 0;
}

#outerWrapper #contentWrapper {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0;
	position: relative;
	background: transparent;
	
	
}

#container, #sd-container {
	clear: both;
	border-style: none;
	border-width: ;
	border-color: #dbd9d5;
	
    	 padding: 0 0 0.9375em 0;
    
   
	background: #fff;
    
}

#sd-container {padding: 0.9375em;}

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 990px;  
}

#footer {
	height: auto;
	width: 990px;
	padding: 20px 0 20px 0;
	margin-bottom: 0;
	border-style: none;
	border-width: ;
	border-color: /**/;
	position: relative;
	background-color: #transparent;
	background-image: ;
	background-position: ;
	background-repeat: ;
    color: #5B5B5C;	
	
    
    
}

#footer, #footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #5B5B5C;	
}

#footer a:hover {
	text-decoration: none;
	color: #000000;	
}

#footer div {

	

    font-size: 0.75em;
	padding: 0 0 0 2%;	
	line-height: 1.5em;
}



body {
	z-index: -100;
	margin: 0 0 0 0;
	background-color: #eeeeee;
	background-image: url('../../images/26375/style/style2bg-16-3.png');
	background-position: center top;
	background-repeat: repeat-x;
}

body.main {
	margin: 0;
}

.bluehead {
	position: absolute;
	top: 0;
    bottom: ; 
	left: 0;
    right: ;
	height: ;
	width: 100%;
	margin: ;
	display: none;
	background-color: #transparent;
	background-image: url('../../sorryPage.html');
	background-position: Center Top;
	background-repeat: ;
	border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;     
	border-style: None;
	border-color: #/**/;   
	
	}

    



#background {
	background-color: #transparent;
	background-image: url('');
	background-position: center bottom;
	background-repeat: no-repeat;
	border-width: ;
	border-style: none;
	border-color: /**/;
}

	
#footerOuter {
	background-color: #transparent;
	background-image: url('');
	background-position: Center Top;
	background-repeat: no-repeat;
	border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: ;
    border-right-width: 0;   
	border-style: None;
	border-color: #/**/;
	

}

#footerOuter p{
color: #5B5B5C
}





.whitehead {
    display: none;
    background-color: ;
    background-image: url('');
    background-position: ;
    background-repeat: ;
}



#nav {
	z-index: 11; position: relative; height: 40px;
	font-family:'Droid Sans'; 
	font-weight: bold; 
	font-size: 11px;
	background-color: #2d793b;
	background-image: url('');
	background-position: ;
	background-repeat: ;
	
}



#header {
	z-index: 12; position: relative;
	height:137px;
	}


h4, ul.socialicons li {
	color: #369;
}

.headerlinks, .headerlinks a:hover,  {
	color: #333;
	}
	

#logo {
	position: absolute; top: 10px; left: 20px; width: auto; background: transparent;
	display: block;
}


#logo img {
	height:110px;
}



.headerlinks {
	float: right; text-align: right; margin-top: 15px; padding-right: 8px; z-index:50;
}


.headerlinks a {
	text-decoration:none;
}



.headerlinks img {
	float: none;
}

.headerlinks p {
	clear: both;
		
}

ul.socialicons {
	height: 25px; position: absolute; top: 40px; right: 10px; z-index:100;
	height: 1.5625em; float: right; clear: both;
	
}

ul.socialicons li {
	margin: 0 0 0 5px; width: auto; float: left; list-style:none;
	
	
	}

ul.socialicons li.shopOnline {
	padding: 0 0 0 0;
}
ul.socialicons li.shopOnline img {
	padding: 0 0 0 0;
    margin:  -0.125em 0 0 0;
	}



.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	
	float: right;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; 
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; 
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}



.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left:			0;
	top:			39px; 
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li:hover li li:hover ul, ul.sf-menu li.sfHover li li.sfHover ul {
	left:			12em; 
	top:			-1px; /* to accomodate top border */
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:			12em; 
	top:			0;
}
.sf-menu {
	margin-bottom:	0em;
	width: auto;
	
}

.sf-menu a { 
	border-style: solid;
	border-width: 0 0 0 1px;
	padding: 14px 12px;
	text-decoration:none;
}
.sf-menu li:first-child a {
    border-width: 0 0 0 0px;
}

.sf-menu li li a {
	padding: 0.5em 0.625em;	
	text-align:left;

}
.sf-menu li li:first-child {
	border-style: solid;
	border-width:0.0625em;
}
.sf-menu li li {
	border-style: solid;
	border-width: 0 0.0625em 0.0625em 0.0625em;

}

.sf-menu li li a {
	border-style: none;
}

.sf-menu a:link, .sf-menu a:visited {
	font-weight:bold;
	
}

.sf-menu li {
	
	/**/
}


.sf-menu li li, .sf-menu li li li {
	background-image: none;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background-image: none;
	outline:		0;
}

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		0.0625em; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right: 0.625em;
	top: 0.3125em; /* IE6 only */
	width: 0.625em;
	height: 0.625em;
	text-indent: 	-999em;
	overflow:		hidden;
}
li li .sf-sub-indicator {
	top:			0.4375em; 
}
a > .sf-sub-indicator {  
	top:			50%;
	margin-top: -0.3125em;
	background-position: 0 -6.25em; 
}
li li a > .sf-sub-indicator {  
	top:			50%;
	margin-top: -0.3125em;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -0.625em -6.25em; 
}

.sf-menu ul .sf-sub-indicator {
	background-position:  -0.625em 0;
}
.sf-menu ul a > .sf-sub-indicator {
	background-position:  0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -0.625em 0; /* arrow hovers for modern browsers*/
}

.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 0.5em 0.5625em 0;
	
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



.sf-sub-indicator {
	background: transparent url('../images/arrows-999.png') no-repeat -0.625em 0; /* 8-bit indexed alpha png. IE6 gets solid image only */
	_background: transparent url('../images/arrows-ffffff.png') no-repeat -0.625em 0; /* 8-bit indexed alpha png. IE6 gets solid image only */
}



.sf-menu, .sf-menu a {
	border-color: #1f4827;
	}
 
.sf-menu li li, .sf-menu li li:first-child {
	border-color: #1f4827;
}

.sf-menu a:link, .sf-menu a:visited{	
	color: #fff;
}

 

.sf-menu li li a:link, .sf-menu li li a:visited{ 
	color: #fff;
}
.sf-menu li li, .sf-menu li li li {
	background-color: #2D793B;
}



.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background-color: #1F4827; 
	color: #fff;
}
.sf-menu li {
	background: #2d793b; 
	
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #222; 
	color: #fff;
	/**/
	
}



.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	 display:inline; float: left; position: relative; margin-left: 15px; margin-right: 15px;  
}

.container_12 .grid_1 {
	padding-top: 0.9375em;
    width: 18.75em;
}
.container_12 .grid_2 {
	width:8.125em;
}
.container_12 .grid_3 {
	width:250px; padding-top: 15px; 
	
}
.container_12 .grid_4 {
	 width:680px; min-height: 300px; padding-top: 15px; 
	
}
.container_12 .grid_5 {
	width: 23.125em;
}
.container_12 .grid_6 {
	width: 28.125em;
}
.container_12 .grid_7 {
	width: 33.125em;
}
.container_12 .grid_8 {
	width:610px; min-height: 300px; padding-top: 15px;
	
}
.container_12 .grid_9 {
	width: 43.125em;
}

.container_12 .grid_9contact {
	width: 37.5em;
}

.container_12 .grid_10 {
	width:960px; min-height: 300px; padding-top: 15px;
	
}
.container_12 .grid_11 {
	width: 53.125em;
}
.container_12 .grid_12 {
	width: 48.125em;
}
.container_12 .grid_14 {
	 float: left;
}
.container_12 .grid_3 img {
	width: 248px; border-style: solid; border-width: 1px;
	border-color: #a1a1a1;
	
}







.container_12 .grid_company	{
	margin: 0 1% 0 0;
	max-width: 30%;
	float: left;
}

.container_12 .grid_61	{
	margin: 0 1% 0 0;
	max-width: 17%;
	float: left;
}

.container_12 .grid_62	{
	max-width: 30%;
	margin: 0 2% 0 0;
	float: right;
}



.slide960 {
	height: 324px;
	width: 990px;
	padding:0;
	margin:0;
	overflow: hidden;
	
	}
.slide960 img {
	height: 324px;
	width: 990px;
	top:0;
	left:0;
}
.slide930 {
	height: 324px;
	width: 990px;
	padding:0;
	margin:0;
	overflow: hidden;
}
.slide930 img {
	height: 324px;
	width: 990px;
	top:0;
	left:0;
}
#slidenav {
	background-color: #598b62;
	text-align:center; line-height:25px; height: 10px; padding:10px 0 3px 0; font: 1px Arial, Helvetica, sans-serif; position: relative; z-index:5; display:block; border-bottom: 1px solid #dedede;
}
#slidenav a {
	border-style: none; border-width: 1px; text-decoration: none; margin:5px 2px; padding: 5px 5px;
	background: transparent url(../images/slide_nav_off.png) no-repeat center center;
	color: #363636;
}
#slidenav a.activeSlide {
	border-style: none; border-width: 1px; font-weight: bold;
	background: transparent url(../images/slide_nav_on.png) no-repeat center center;
	color: #d1d1d1;
	}

#slidenav a:focus {
	outline: none;
	
}

.slideshow_container {
	position: relative;	
}



body {
                font-family: 'Droid Sans', arial, sans-serif;
                font-weight: normal;
                line-height: 1.25em;
}
p {
                padding-bottom: 0.625em;
                font-size: 12px;
}
h1, h2, h3, h4, h5, .headerlinks strong {
                font-family: 'Droid Sans';
                letter-spacing: -0.0625em;
                margin-top: 0.625em;
                margin-bottom: 0.625em;
                
}
h1 {
                font-size:24px;
                line-height: 1em;
                color: #3c3d42;
}
h2 {
                font-size: 22px;
                line-height: 1em;
                color: #3c3d42;
}
h3 {
                font-size: 20px;
                line-height:1em;
                color: #3c3d42;
}

h3.galleryHead {
                margin-bottom: 0;           
                padding: 0;
                color: #3c3d42;
}

h4 {
                font-size: 18px;
                line-height: 1em;
                color: #3c3d42;
}
h5 {
                font-size: 16px;
                line-height: 1em;
                color: #3c3d42;
}


.headerlinks strong {
                font-weight: normal;
                font-size: 1.5em;
                line-height: .86em;
                letter-spacing: -0.0625em;
                padding: 0 0.625em 0 0;
                margin-top: 0;
                margin-bottom: 0;
                color: #fff;
}



a:link, a:visited, a:active {
	color: #30813f;
	text-decoration: none;	
}

a:hover {
	color: #1f4827;	
}

.inputButton, a.inputButton:link, a.inputButton:visited, a.inputButton:hover, a.inputButton:active {
	background-color: #30813f;
    color: #fff;
    font-size: 12px;

}

.inputButton:hover, a.inputButton:hover {
	background-color: #42A354;
    color: #fff;
}



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

.pagination ol a.current {color: #fff; background:#3c3d42;}

a.sd-button:hover {color:#fff;}

.cart-nav {
	margin-bottom: 0.5em;	
}

.cart-nav li {
	list-style:none;
	float:left;
	margin: 0 0.1875em;
	color: #555555 !important; 
}

.cart-nav a, .cart-nav a:link, .cart-nav a:visited, .cart-nav a:hover, .cart-nav a:active {
	color: #555555;
}
#content h4 {
	color: 	
}

#sidebar .search {
	border: 0.0625em solid #a5a5a5;
	
}
#sidebar .search input {
	border: 0.0625em solid #505050;
}
#sidebar .search button {
	
}
#sidebar h3 {
	margin: 0; padding: 0 0.5em;
	line-height: 200%;
	color: #fff;
	background: #3c3d42; 
	font-size:0.875em;
	font-weight:bold;
}

#sidebar nav, #sidebar h3 {
	box-shadow: 0 0 0.1875em #999;
}

#sidebar nav {
	font-family:'Droid Sans';
}
#sidebar nav ul {
	list-style: none;
}
#sidebar nav > ul {
	border: 0.0625em none #a5a5a5; 
	background: #fff; 
}
#sidebar nav > ul > li {
	border-top: 0.0625em solid #fff; 
	border-bottom: 0.0625em solid #dbdbdb;
}
#sidebar nav > ul > li > a {  
	color: #505050; font-weight: normal; 
}

#sidebar nav dl { 
    background: none repeat scroll 0 0 #2D793B;
    border-left: 0.0625em solid #1f4827;
    border-right: 0.0625em solid #1f4827;
    border-top: 0.0625em solid #1f4827;
    border-bottom: 0.0625em solid #1f4827;
}

#sidebar nav dl li { 
    border-bottom: 0.0625em solid #1f4827;
}

#sidebar nav dl li:last-child {
	border-bottom: none;
} 

#sidebar nav dl { 
	padding: 0;
}

#sidebar nav dl a {
	padding: 0.5em 0.625em;
}

#sidebar nav dl a { 
	color: #fff;
    font-weight: bold;
}


#sidebar nav > ul > li:hover { 
    border-bottom: 1px solid #1f4827;
    border-top: 1px solid #1f4827;
}
#sidebar nav > ul > li:hover > a, #sidebar nav .active a { 
    background: none repeat scroll 0 0 #2D793B !important;
    font-weight: normal;
    line-height: 200%;
}
#sidebar nav > ul > li.subs {
    background: url("../images/arrows-999.png") no-repeat scroll 13.375em 0.4375em transparent;
}


#sidebar nav .subnav-wrap .border-punch {  
	background-color: #2D793B;
}

#sidebar nav > ul > li:hover > a, #sidebar nav .active a {
	color: #fff;
}


#sidebar nav a:hover, #sidebar nav .active a {
	color: #fff; 
	background: #1F4827; 
}


#sidebar nav dl a {
	color: #fff; 
}
.product-grid li {
	border: 1px solid #e3e3e3; /* don't change */
	border-left: 1px solid #e3e3e3; 
}
.product-grid li.grid-row {
	
}



button.sd-button, a.sd-button, input.submit 
	{
	-moz-box-shadow:inset 0px 0.0625em 0px 0px #616266; 
	-webkit-box-shadow:inset 0px 0.0625em 0px 0px #616266; 
	box-shadow:inset 0px 0.0625em 0px 0px #616266;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #30813f), color-stop(1, #42A354) ); 
	background:-moz-linear-gradient( center top, #30813f 5%, #42A354 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#30813f', endColorstr='#42A354');
	background-color:#30813f; 
	border:1px solid #30813f;
	text-shadow:0.0625em 0.0625em 0px #42A354; 
}
button.sd-button:hover, a.sd-button:hover, input.submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #42A354), color-stop(1, #30813f) );
	background:-moz-linear-gradient( center top, #42A354 5%, #30813f 100% ); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#42A354', endColorstr='#30813f'); 
	background-color:#42A354; 
}




ul.contentUL {
    margin:  0 0 0 0;
    padding: 0 0 0 0.625em;
    display: block;
    overlflow: hidden;
    float: left;
    width: 100%;
}

ul.contentUL li {
	font-weight:bold;
    margin: 0 .35em .55em 1.15em;
    padding:  0 0 0 0;
}

ul.threeCol li {
	width: 29%;	
	float: left;
}

ul.twoCol li {
	width: 43%;
    float: left;
}
ul.contentULblock.threeCol {
	margin-left: 0;
}
ul.contentULblock li {
    font-weight: normal;
    list-style: none outside none;
    margin: 0 3% 1% 0;
    width: 30%;
}

ul.contentULblockTwo li {
    font-weight: normal;
    list-style: none outside none;
    margin: 0 1em 1em 0;
    width: 47%;
}

ul.oneCol li {
	font-weight:normal;
}

.horizLine {
	border-top: 0.0625em solid #a1a1a1;
    margin: 1.25em 0;
    clear: both;
}



/*home grid layout */
.col6, .col5, .col4, .col3, .col2, .col1 {
	margin: 0 0 1.25em -0.0625em;
	border-right: 0.0625em dotted #a1a1a1;
	min-height: 6.25em;	
}
.col6 {width: 60em; float: left;}
.col5 {width: 45em; float: left;}
.col4 {width: 40em; float: left;}
.col3 {width: 30em; float: left;}
.col2 {width: 20em; float: left;}
.col1 {width: 15em; float: left;}

.col_inner {margin: 0 0.625em; padding: 0 0 0 0;}
.col_inner_right {margin: 0 0 0 0.625em; padding: 0 0 0 0;}
.col_right, .noborder {border: none;}
.col_lft_bdr {border-left: 0.0625em dotted #a1a1a1;}
.col_rgt_flt {float: right;}

.contentMain {
    float: left;
    width: 62.5em;
}

.empty {
	background: #fff;
	border: none;	
}


p.codeHeader {
	background: #efefef;
	padding: 0.1875em;
	margin: 0 0 -0.0625em 0;
	border: 0.0625em solid #a1a1a1;
	
}

ul.minigallery {
	list-style: none;
	margin: 0;
	padding: 0;	
}

ul.minigallery li {
	float: left;
	margin: 0.3125em 0.625em 0.3125em 0;
	overflow: hidden;	
}

ul.minigallery li:last-child {
	margin: 0.3125em 0 0.3125em 0;	
}

ul.large li {
	width: 8.75em;
	height: 7.5em;	
}

ul.large img {
	height: 8.125em;	
}

ul.small li {
	width: 3.125em;
	height: 3.125em;	
}

ul.small img {
	height: 3.4375em;	
}

.col_inner iframe, .col_inner_right iframe {
	border-right: 0.0625em solid #b2b2b2;	
	border-bottom: 0.0625em solid #b2b2b2;
	float: left;
	}
	
.floatLeft {
	float: left;
	margin: 0 0.625em 0px 0;	
}

.floatRight {
	float: right;
	margin: 0 0 0px 0.625em;	
}

.imageBorder {
	border: 0.0625em solid #a1a1a1;	
}




ul.oneCol li {
	font-weight:normal;
}

.col_inner li {
	list-style: disc;
    margin: 0.5em 0 1em 2.5em;	
}

.horizLine {
	border-top: 1px solid #a1a1a1;
    margin: 1.25em 0;
}

.callAction, .callActionStore {
	font-size: 15pt;
    padding: 0.9375em 1.25em!important;
    line-height: 1.25em;
    float: left;
    margin: 1.25em 0;
		
}

.callAction span {
	font-weight: bold;
	font-size: 18pt;	
}

.callActionContainer {width: auto; float: left;}

.contactHome {
	float: left; width: 17.875em; margin: 1.25em 0.9375em 0 0;	
}

.top20 {margin-top: 1.25em;}
.bottom20 {margin-bottom: 1.25em;}
.left20 {margin-left: 1.25em;}
.right20 { margin-right: 1.25em;}

.bold {font-weight: bold;}

.vertical {
	float: left;
	margin: 0 0.625em 0.625em 0;
	}
ul.ghThumb {
	list-style: none;
	margin: 0.3125em 0;
	padding: 0;	
}

ul.ghThumb li {
	float: left;
	padding-right: 0.625em;
	margin: 0.3125em 0;	
}

ul.ghThumb li img {
	width: 5.3125em;
    border:  0.0625em solid #a1a1a1;
    padding:  0.125em;
}

.divider_col_inner {margin: 0 0.625em; border-bottom: 1px dotted #a1a1a1;}

.divider6col, .divider5col, .divider4col, .divider3col, .divider2col, .divider1col {
    float: left;
    line-height: 0.0625em;
    margin: 0 0 1.25em 0; 
	}
	
	
.divider6col {width: 59.9375em;}
.divider5col {width: 44.93.75em;}
.divider4col {width: 39.9375em;}
.divider3col {width: 29.9375em;}
.divider2col {width: 19.9375em;}
.divider1col {width: 14.9375em;}


.col_inner .shade {
	background: #efefef;
	padding: 0.3125em 0.5em;
	margin: 0;	
}

.width190 {width: 11.875em;}
.width220 {width: 13.75em;}
.width300 {width: 18.75em;}

.right0 {margin-right: 0;}
.left0 {margin-left: 0;}
.top0{margin-top: 0;}
.bottom0 {margin-bottom: 0;}

.top10 {margin-top: 0.625em;}
.right10 {margin-right: 0.625em;}
.bottom10 {margin-bottom: 0.625em;}
.left10 {margin-left: 0.625em;}

.top5 {margin-top: 0.3125em;}
.right5 {margin-right: 0.3125em;}
.bottom5 {margin-bottom: 0.3125em;}
.left5 {margin-left: 0.3125em;}

.top15 {margin-top: 0.9375em;}
.right15 {margin-right: 0.9375em;}
.bottom15 {margin-bottom: 0.9375em;}
.left15 {margin-left: 0.9375em;}

.top25 {margin-top: 1.5625em;}
.right25 {margin-right: 1.5625em;}
.bottom25 {margin-bottom: 1.5625em;}
.left25 {margin-left: 1.5625em;}

.top30 {margin-top: 1.875em;}
.right30 {margin-right: 1.875em;}
.bottom30 {margin-bottom: 1.875em;}
.left30 {margin-left: 1.875em;}

.width25 {width: 22%;}
.width33 {width: 30%}
.width50 {width: 47%}
.width66 {width: 63%}
.width75 {width: 72%}
.width100 {width: 100%}

.gray { 
	-moz-box-shadow:inset 0px 0.0625em 0px 0px #ffffff; 
    -webkit-box-shadow:inset 0px 0.0625em 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); 
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #dcdcdc; display:inline-block; color:#777777;
	font-family:arial; 
    font-size:0.8125em; 
    font-weight:bold; 
    padding:0.375em 1.5em; 
    text-decoration:none; 
    text-shadow:0.0625em 0.0625em 0px #ffffff;
}

.gray:hover { 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf;
}

.gray:active { 
	position:relative; top:1px;
}
.round10	{ -webkit-border-radius:0.625em;  border-radius:0.625em;}
.round5		{-webkit-border-radius:0.3125em; border-radius:0.3125em;}
.round7		{-webkit-border-radius:0.4375em; border-radius:0.4375em;}
.round15	{-webkit-border-radius:0.9375em; border-radius:0.9375em;}

.subtleshadow2	{
    -webkit-box-shadow: 0px 0.125em 0.125em 0px rgba(0, 0, 0, .2); 
    box-shadow: 0px 0.125em 0.125em 0px rgba(0, 0, 0, .2);
}
.btnfull	{display: block; text-align: center;}



.fourColumn4 {
	border: none;
    clear: left;
    float: left;
    overflow: hidden;
    width: 100%;
	margin-bottom: 1.25em;
}
.fourColumn3 {
    clear: left;
    float: left;
    position: relative;
    right: 25%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}
.fourColumn2 {
    clear: left;
    float: left;
    position: relative;
    right: 25%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}
.fourColumn1 {
    float: left;
    position: relative;
    right: 25%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}
.col1_1 {
    float: left;
    left: 75%;
    overflow: hidden;
    position: relative;
    width: 25%;
}
.col1_2 {
    float: left;
    left: 75%;
    overflow: hidden;
    position: relative;
    width: 25%;
}
.col1_3 {
    float: left;
    left: 75%;
    overflow: hidden;
    position: relative;
    width: 25%;
}
.col1_4 {
    float: left;
    left: 75%;
    overflow: hidden;
    position: relative;
    width: 25%;
}

.threeColumn3 {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:20px;
}
.threeColumn2 {
    clear: left;
    float: left;
    position: relative;
    right: 33.3%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}
.threeColumn1 {
    float: left;
    position: relative;
    right: 33.3%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}
.col2_1 {
    float: left;
    left: 66.6%;
    overflow: hidden;
    position: relative;
    width: 33.3%;
}
.col2_2 {
    float: left;
    left: 66.6%;
    overflow: hidden;
    position: relative;
    width: 33.3%;
}
.col2_3 {
    float: left;
    left: 66.6%;
    overflow: hidden;
    position: relative;
    width: 33.3%;
}

.twoColumn2 {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:1.25em;
}
.twoColumn1 {
    clear: left;
    float: left;
    position: relative;
    right: 50%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}

.col3_1 {
    float: left;
    left: 50%;
    overflow: hidden;
    position: relative;
    width: 50%;
}
.col3_2 {
    float: left;
    left: 50%;
    overflow: hidden;
    position: relative;
    width: 50%;
}

.twoColumn2a {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:1.25em;
}
.twoColumn1a {
    clear: left;
    float: left;
    position: relative;
    right: 33.3%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}

.col4_1 {
    float: left;
    left: 33.3%;
    overflow: hidden;
    position: relative;
    width: 66.6%;
}
.col2_4 {
    float: left;
    left: 33.3%;
    overflow: hidden;
    position: relative;
    width: 33.3%;
}

.twoColumn2b {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:1.25em;
}
.twoColumn1b {
    clear: left;
    float: left;
    position: relative;
    right: 66.6%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}

.col4_2 {
    float: left;
    left: 66.6%;
    overflow: hidden;
    position: relative;
    width: 66.6%;
}
.col2_5 {
    float: left;
    left: 66.6%;
    overflow: hidden;
    position: relative;
    width: 33.3%;
}

.twoColumn2c {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:1.25em;
}
.twoColumn1c {
    clear: left;
    float: left;
    position: relative;
    right: 25%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}

.col5_1 {
    float: left;
    left: 25%;
    overflow: hidden;
    position: relative;
    width: 75%;
}
.col1_5 {
    float: left;
    left: 25%;
    overflow: hidden;
    position: relative;
    width: 25%;
}

.twoColumn2d {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:1.25em;
}
.twoColumn1d {
    clear: left;
    float: left;
    position: relative;
    right: 75%;
    width: 100%;
	border-right: 0.0625em dotted #a1a1a1;
}

.col5_2 {
    float: left;
    left: 75%;
    overflow: hidden;
    position: relative;
    width: 75%;
}
.col1_6 {
    float: left;
    left: 75%;
    overflow: hidden;
    position: relative;
    width: 25%;
}



ul.shoplist li {
padding-top: 0.3125em;
}

ul.shoplist li.cart
{
padding-left: 2.0625em; 
padding-top: 0.3125em; 
margin-left: -1.25em; 
list-style-type: none; 
background: url(../images/shop-now.png) no-repeat 0.125em 0.3125em;
}





a.black {
	-moz-box-shadow:inset 0px 0.0625em 0px 0px #696969;
	-webkit-box-shadow:inset 0px 0.0625em 0px 0px #696969;
	box-shadow:inset 0px 0.0625em 0px 0px #696969;
	background:  -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #616161), color-stop(1, #000000) );
	background:  -moz-linear-gradient( center top, #616161 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#000000');
	background-color:#616161;
	border:1px solid #a1a1a1;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0.0625em 0.0625em 0px #121212;
}a.black:hover {
	background:  -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #616161) );
	background:  -moz-linear-gradient( center top, #000000 5%, #616161 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#616161');
	background-color:#000000;
}a.black:active {
	position:relative;
	top:1px;
}
.white {
	-moz-box-shadow:inset 0px 0.0625em 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0.0625em 0px 0px #ffffff;
	box-shadow:inset 0px 0.0625em 0px 0px #ffffff;
	background:  -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:  -moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	border:1px solid #dcdcdc;

	text-decoration:none;
}.white:hover {
	background:  -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:  -moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.white:active {
	position:relative;
	top:1px;
}

a.pad	{
	padding: 0.625em 0.9375em !important;
        display: inline-block;
		font-weight: bold;
}
a.pad img	{
	position: absolute;	
}
img.arrowbtn{
margin: -0.3125em 0px 0px 0.625em;
}




ul.testimonial {
	margin: 0;
	padding: 0;
	list-style:none;	
}

ul.testimonial li {
	padding: 0.3125em 0.1875em;
	border-bottom: 0.0625em dotted #a1a1a1;	
}

ul.testimonial li:last-child {
	border-style: none;	
}

.test_name {
	padding: 0;
	font-style:italic;	
}

.testimonial h4 {
	margin-bottom: 0;	
}

.test_title {
	padding: 0 0 0.1875em 0;
	margin-bottom: 0.3125em;
	border-bottom: 0.0625em dotted #a1a1a1;	
}

span.skype_pnh_container {
display:none !important;
}
span.skype_pnh_print_container {
display:inline !important;
}

ol.privacyList {
    list-style-type: decimal;
    margin: 1.25em 0 1.25em 1.25em;
}
ol.privacyList li {
    margin: 0.625em 0;
}

.maplogo img {
	width: 100%;
}

table.custom-form 	{
	margin: 1.25em 0;
	cell-padding: 0.3125em;
	cell-spacing: 0.3125em;
	border: 0;	
}
.custom-form td	{
	vertical-align:middle;


}
.custom-form td	.text	{
	width: 94%;	
	border-radius: .4em;
	border: 1px solid #999;
	background-color: #f7f7f7;
}
.custom-form td	.textCap	{
	width: 10%;	
    height:25px;
	border-radius: .4em;
	border: 1px solid #999;
	background-color: #f7f7f7;
}
.custom-form td	select.text	{
	width: 50%;	
}
.custom-form td	.text:focus	{
	background-color: white;	
	border-color: green;
	box-shadow: 0px 0px 0.3125em #ccc;
}
.custom-form td .text, .custom-form td	select.text, .custom-form td p, .custom-form td input.inputButton	{
	margin: 0.3125em 0;	
	padding: .6em 1%;

}
.custom-form td p	{
	font-weight: 400;	
}

.custom-form .FormSeparator p	{
	border-bottom: 0.0625em dotted #777;
	font-weight: bold;
	max-width: 100%;
	margin: 0.9375em 0;	
	display: block;
	padding: .6em .5%;
}
.custom-form td input.inputButton	{
	display: block;

}
.custom-form td.bodyCopy	{
	max-width: 12.5em;	
}
.custom-form td span.required-field	{
	color: red;	
}
.custom-form td.full p	{
		padding: .6em .5%;

}
#searchingProgress img	{
	border: 0; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
    display: block;
}


.sf-menu li:hover ul#ProductServiceList, .sf-menu li.sfHover ul#ProductServiceList {
	top: 0;
	}

.sf-menu ul#ProductServiceList{
  /*width:750px !important;
  border-top:1px solid green;*/
  position:relative !important;
  margin:0;
}

.sf-menu ul#ProductServiceList li.prodList{
	max-width: 12.375em !important;

}

.sf-shadow ul#ProductServiceList { background: none;}

.sf-menu .backgrdDivProductServiceList {
    visibility: hidden;
}


.sf-menu li:hover .backgrdDivProductServiceList {
	background-color: #2D793B;
    visibility: visible;

} 

.sf-menu li .backgrdDivProductServiceList {
    width:24.9375em;
    display:block; 
    float:left;
    position:absolute;
    border: none;
    border-width: 0;

} 

.sf-menu li:hover .backgrdDivProductServiceList:hover {	
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    -transition-delay: .5s;
} 

.subDivProd{
float:left; width: 12.4375em;
border: none;
border-width: 0;
}

.sf-shadow ul {
    background: none;
    }


.backgrdDivProductServiceList{
-webkit-box-shadow:  0.0625em 0.125em 0.125em 0px rgba(0, 0, 0, .3);
        box-shadow:  0.0625em 0.125em 0.125em 0px rgba(0, 0, 0, .3);
}

.sf-menu > li > ul > li {
-webkit-box-shadow:  0.0625em 0.125em 0.125em 0px rgba(0, 0, 0, .3);
        box-shadow:  0.0625em 0.125em 0.125em 0px rgba(0, 0, 0, .3);
        
}



.contactInfo {
    float: right;
    margin-bottom: 1.25em;
    width: 20.625em;
}

#customContactInfoFill .contactContacts, #customContactInfoFill table {
    width: 100% !important;
}

#customContactInfoFill .contactHours {
    border-top: 0.0625em dotted #999999;
    margin-left: 0 !important;
    margin-top: 0.625em;
    padding-top: 0.9375em;
    width: 100% !important;
}

.contactHours table tr td:first-child {
    width: 7em;
}

#contactMapFill {
    float: left;
}



.liveart-list-view > li.open > a {
	background-color: #30813f;
    color: #fff;
}


.liveart-list-view > li > a:hover{
	background-color: #42A354;
    color: #fff;	

}



.design_container {
	position: relative;	
	padding-bottom: 0.9375em;
	border-bottom: 0.0625em dotted #a1a1a1;
	margin-bottom: 1.25em;
}

.design_container h1 {
	font-weight: bold;
}

.design_container a {
	float: none;
	line-height: 4.375em;
	font-weight:bold;
	font-size: 13pt !important;
	border-radius: 1.875em;
}

.section_top {
	display: table-cell;
	width: 1%;
	text-align:center;
	padding-top: 4.6875em;
		
}

.design_divider {
	width: 1px;
	border-left: 0.0625em dotted #a1a1a1;	
	display: none;
}

.design_upload {
	background: transparent url(../../images/icon_page_upload.png) no-repeat center 0.625em;
	display:none;	
}

.design_designer {
	background: transparent url(../../images/icon_page_design.png) no-repeat center 0.625em;	
}

.body-content-left {
	width: 70%;
	display:table-cell;
	padding-right:4em;
		
}

.sub-content-right {
	width: 30%;
	display:table-cell;
	background: #fcfcfc;
	border:0.0625em solid #ccc;	
    color: #555;
}

.sub-content-right h4 {
	text-align: center;
	padding-bottom: 0.625em;
	border-bottom: 0.0625em solid #ccc;	
}

#container .sub-content-right h4 {
	color: #555 !important;
}

.sub-content-right ul {
	list-style-type:none;
	margin: 0.625em;	
}

.sub-content-right li {
	padding: 0.1875em 0.5em;

}

.sub-content-right li span {
	display: block;
	font-size: 1.2em;
	font-weight:bold;
}

ul.sub-ul {
	margin-top: 0;
	}
	
ul.centered li {
	text-align: center;
	list-style:none;
	float: left;
	width: auto;
	margin: 0 0 0.625em 0;
		
}

ul.centered li img {
	width: 5.3125em;	
}


.GH-preload {
    margin-left: -0.9375em;
    margin-top: -0.9375em;
}



		
#nav-trigger{
	display:none;
}


		
		
		
/* ====== 1006px and smaller CSS styles ====== */
		
@media screen and (max-width: 1006px) {
	/* Force width to match viewport */
  #contentWrapper, #outerWrapper, #container, #header, #footerOuter, #footer{
    width:100vw !important;
  }
	
	/* Header area */
.head_tag strong {
    display: block !important;
    float: right;
    font-size: 2vw;
    max-width: 60%;
    margin-top: -.25em;
}
	
	/* Graphic header area */
  .slideshow_container, .slideshow, .slide960, .slideshow img {
  width:100vw !important;
  }
  .slideshow img, .slideshow_container{
		width:100vw !important;
		height: auto !important;
  }
	.slide960{
		background-color:transparent;
        height: auto;
        padding-top: 33%;
	}
    
    .slide960 img, .slide930 img { position: absolute; }
    
    .slide930 {
    	background-color: transparent;
        height: auto;
        padding-top: 33%;
    }
	
	/* Content area for home & product pages */
  .grid_4{
		width:63.75vw !important;
		padding-right:0em !important;
		margin-right:0em !important;
	}

  .grid_3{
		width:30vw !important;
		padding-left:0em !important;
		margin-left:0em !important;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  	-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  	box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
  }
	
	.grid_3 img{
		width:30vw !important;
	}
	
	/* Custom Form Pages */
	
	.grid_10, .grid_11{
		width:100% !important;
		padding-right:1.9375em !important;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  	-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  	box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
	}
	
	/* FAQ and Terms */
	div.grid_company{
		max-width:100vw !important;
		width:100vw !important;
	}
	
	.grid_61{
		max-width:100% !important;
		width:auto !important;
	}
	
	.grid_62{
		max-width:100% !important;
	}
	
	/* Prevent scrolling */
	body {
    overflow:hidden;
    width:100%;
	}
	
	/* Homepage content fixes */
	
	ul.contentUL.oneCol{
		margin-left:0em !important;
	}
    
    .col6 {
    	width: 100%;
    }
    
    .col1 {
    	width: 25%;
    }
    
    .divider1col {width: 25%;}
    
    .divider6col { width: 100%; }

	.col5 {width: 100%;}

	.col1_5 > .col_inner_right > img, 
    .col3_1 > .col_inner > img,
    .col3_2 > .col_inner > img,
   
     {
    width: 100%;
    height: auto;
}

	.col6.col_right ul.minigallery.large li { width: 14%; height: auto; margin: 1.3%;}
	.col2_4 ul.minigallery.large li, 
	.col2_1 ul.minigallery.large li,
	.col2_2 ul.minigallery.large li,
	.col2_3 ul.minigallery.large li, 
    .col2_5 ul.minigallery.large li {
    	width: 46%;
        height: auto;
        margin: 2% 4% 2% 0;
    }
    .col6.col_right ul.minigallery.large li img,
    .col2_4 .minigallery.large img,
    .col2_1 .minigallery.large img,
    .col2_2 .minigallery.large img,
    .col2_3 .minigallery.large img,
    .col2_5 .minigallery.large img {
    	width: 100%;
        height: auto;
    }
    
    
    .col2_4 ul.minigallery.small li, 
	.col2_1 ul.minigallery.small li,
	.col2_2 ul.minigallery.small li,
	.col2_3 ul.minigallery.small li {
    	width: 16%;
        height: auto;
        margin: 2% 4% 2% 0;
    }
    
    .col2_4 .minigallery.small img,
    .col2_1 .minigallery.small img,
    .col2_2 .minigallery.small img,
    .col2_3 .minigallery.small img {
    	width: 100%;
        height: auto;
    }
    .col4_1 .contactHome {
    	width: 50%;
        margin-right: 3%;
    }
    
    .col4_1 img {
    	width: 47%;
        height: auto;
    }
    
    ul.large img {
    	width: 100%;
        height: auto;
    }
    .col4_1 .floatLeft img {width: 100%; height: auto;}
    
    .col2_1 img, .col2_2 img, .col2_3 img {
    	width: 100%;
        height: auto;
    }
	.col_inner_right {
    	margin: 0 0.625em;
    }
    
    .col1_1 .col_inner img,
    .col1_2 .col_inner img,
    .col1_3 .col_inner img,
    .col1_4 .col_inner img, 
    .col1_4 .col_inner_right img
     {
    width: 100%;
    height: auto;
}

.divider2col {
    width: 33.3%;
}

.col2_4 .divider2col {width: 100%;}

.vertical { float: none; }

.vertical::after {
    content: "";
    display: block;
    height: .75em;
    width: 100%;
}

.vertical.width50, .vertical.width25 {float: left; margin: 0 3% 0 0;}

.vertical img {width: 100%; height: auto; }
.col1_5 .col_inner_right img {
    	width: 100%; 
        height: auto;
        }
        
        .col_inner img, .col_inner_right img {
        	width: 100%;
            height: auto;
        }	
}
		
		
		

#nav-trigger-store{
  display:none !important;
}		
		
/* ====== 600px and smaller CSS styles ====== */
/*
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi)
*/

@media screen and (max-width: 600px){
	/* Customize This */
    

	.section_top {
      width: 100% !important;
      display: block !important;
     } 
     
     .section_top.design_divider {
    display: none !important;
	}


	#sd-container #sd-main {
    display: none;
    }	
    

	#logo{ position:static; }
        

    #container {
    	padding: 0;
        border-left: 0;
        border-right: 0;
    }
    .slideshow_container, .GH-preload {
    	display: none;
    }
	#nav{
		background-color:transparent !important;
        padding: 0;
	}
	#MenuBar1{
		background-color:#363636;
	}
    
    .sf-menu a:link, .sf-menu a:visited {
    	color: #fff;
    }
	.bluehead, #header{
		height:100%;
	}
	
	/* Responsive Menu */
	.sf-menu ul#ProductServiceList li.prodList{
	max-width:19.5em !important;
	}
	
	.whitehead{
		display:none;
	}
	
	ul.socialicons{
  	position:static;
  	display:inline-block;
	}

	.sf-shadow ul#ProductServiceList { background: none;}

	.sf-menu .backgrdDivProductServiceList {
  	visibility: hidden;
	}

	.sf-menu li .backgrdDivProductServiceList {
    width:24.9375em;
    display:block; 
    float:left;
    position:absolute;
    border: none;
    border-width: 0;
	}

	.sf-sub-indicator{
		display:inline-block !important;
		position:static !important;
		margin-left:0.5em;
	}

	.sf-with-ul{
		right:-1.25em;
	}

	#MenuBar1 li{
		display:block !important;
		width:100vw;
		margin-right:0vw !important;
		padding-right:0vw !important;
        float: none;
	}

	#MenuBar1 a{
		border:0px none !important;
		font-size:1.75em;
		text-align:center;
	}

	#MenuBar1 li ul{
		position: static !important;
		width:100% !important;
	}

	.backgrdDivProductServiceList{
		width:100% !important;
		display:none !important;
		position: static !important;
	}
	
	.sfHover:hover div.backgrdDivProductServiceList{
		display:block !important;
	}
	
	.subDivProd{
		position: static !important;
		width:50vw !important;
	}
	
	.prodList a{
	width:50vw !important;
	font-size:1.5em !important;
	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
	}
	
	.sf-menu ul li a{
			font-size:1.5em !important;
	}
	
	.sf-menu ul#ProductServiceList li.prodList{
	max-width:50vw !important;
	}
	
		
	/* Make it work for the first 2 nav styles */
	#nav{
		margin-top:0em !important;
		position:relative !important;
		top:0em;
		top: 0px;
		right: 0px;
        z-index: 999;
	}

	.sf-menu{
		background-color:#efefef;
		top:0px !important
	}

	/* 3 Line Menu Button styling */
	.nav-trigger {
  	/* hide the checkbox input */
  	position: absolute;
  	clip: rect(0, 0, 0, 0);
	}
    
	
	label[for="nav-trigger"] {
	display: block;
    clear: both;
    left: 0; top: 0;
  	z-index: 99;
  	height: 30px;
  	width: 30px;
  	cursor: pointer;
    background-color: rgba(255,255,255,.75);
  	background-size: contain;
		
		/* White menu bar 
   		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6' fill='black'/><rect y='24' width='30' height='6' fill='black'/><rect y='12' width='30' height='6' fill='black'/></svg>");*/
		/* Black menu bar */
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
	}
    
   /* label[for="nav-trigger"]::after {
    background: none repeat scroll 0 0 rgba(255,255,255,.5);
    bottom: 0;
    content: '';
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 98;
}*/

	/* Hide the nav and the customer portal  */
	#MenuBar1{
  	display:none !important;
	}
    
    #PortalCustLogin {
      display: initial !important;
    }
    
    #PortalCustLogin li {
      margin: 0 auto;
      width: 100%;
      text-align: center
    }

	.nav-trigger:checked ~ #MenuBar1 {
  	display:block !important;
	}
	
	/* Contact page */
	#contactBlock, table.bodyCopy, td.contact2block, #contactBlock > table:nth-child(2){
		width:100vw !important;
	}

	#contactMapBlock > p:nth-child(1) > iframe:nth-child(2){
		width:100vw !important;
	}
	
	/* Content pages */
    
    .body-content-left, .body-content-right {
    	display: block;
        width: 100%;
    }
  .grid_4{
		width:95vw !important;
		padding-right:0.9375em !important;
	}

	.container_12 .grid_3{
	  float:left;
		padding-left:0.9375em !important;
	}

	.grid_3 img{
		width:10em !important;
	}
	
	/* Header area */
	#logo{
    width:100vw !important;
  }
	
  #logo a{
    display:inline-block !important;
    width:100vw;
  }
	
  #logo img{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
	
  .headerlinks{
   	position:static !important;
   	display:inline-block !important;
   	width:100%;
  }
	
  .cart-nav{
    display:inline-block !important;
    left:0em !important;
		padding-left:1em !important;
  }
	

  .cart-nav li:nth-of-type(2n){
   display:none;
  }
	
  li.head_tag{
    display:block !important;
    width:100vw !important;
    font-size:1.5em;
  }
	
  .head_tag > strong{
		position:absolute !important;
		z-index:0 !important;
    display:inline-block;
    text-align:center;
    width:100%;
		max-width:100%;
  }
	
  ul.socialicons{
    float:none !important;
    display:block;
  }
	
  ul.socialicons li{
    margin-top:2vw !important;
    height:1em;
  }
	
  .head_tag > strong{
    font-size:0.75em;
  }
	
  .shopOnline{
    display:none;
  }
	
  .social_facebook, .social_twitter, .social_linkedin, .social_googleplus, .social_yelp, .social_instagram, .social_youtube{
		display:none;
  }
	
	/* Home page content fixes */
	
	
	
	.col1_5 img{
    	width: 100%;
	}
	
	img.top10{
		max-width:220px;
	}
	
/*	ul.threeCol li{
		display:inline-block;
		width:auto !important;
	} */
	
  .fourColumn1, .fourColumn2, .fourColumn3, .threeColumn1, .threeColumn2, .threeColumn3, .twoColumn1, .twoColumn1a, .twoColumn1c, .divider_col_inner, .twoColumn1b{
    border:0px none !important;
  }
	
	.divider2col{
		display:none;
	}
	
	.bottom20{
		width:auto !important;
	}
	.col1 {
    	width: 50%;
    }
    
    .col6, .col5, .col4, .col3, .col2, .col1 {
    border-right: 0.0625em none #a1a1a1;
}



	.divider_col_inner {
    	border-style: none;
    }
  .divider6col{
    display:none;
  }
	.vertical{
		margin:0 !important;
	}
	.col_inner_right{
		margin-left:0.625em;
		margin-right:0.625em;
	}
    
    /* begin 4 column layout */

.fourColumn4 {
    width: 100%;
	margin-bottom: 1.25em;
}
.fourColumn3 {
    width: 100%;
}
.fourColumn2 {
    width: 100%;
}
.fourColumn1 {
    width: 100%;
}
.col1_1 {
    width: 50%;
    border-right: 1px dotted #a1a1a1;
    margin: 0 -1% 0.625em 0;
}
.col1_2 {
    width: 50%;
    margin: 0 0 0.625em 0;
}
.col1_3 {
    width: 50%;
    border-right: 1px dotted #a1a1a1;
    margin: 0 -1% 0.625em 0;
}
.col1_4 {
    width: 50%;
}

.fourColumn1 .vertical {
	width: 100%;
}


/* end 4 column layout */
    
    
    /* 2 column a layout */

	
    
    .col5_1 {width: 100%;}
    
    .col1_5 { width: 100%; }
    
    
    /* end home page content styles */
    
    
	.contactHome{
		width:auto !important;
		margin-left:0 !important;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  	-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  	box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
	}
	.contentULblock{
		width:auto !important;
	}
	.left10{
		margin-left:0 !important;
	}
    .col3_1, .col3_2 {width: 100%;}
    
    .col3_2 .twoColumn2 .twoColumn1 .col3_1, .col3_2 .twoColumn2 .twoColumn1 .col3_2 {
    width: 50%;
}
.col3_1 ul.threeCol li, .col3_2 ul.threeCol li {
	width: 40%;
}


.col2_4 { width: 100%; }

.col4_1 { width: 100%; }

.col2_4 ul.minigallery.large li {
    	width: 21%;
        height: auto;
        margin: 2%;
    }
    .col2_4 .minigallery.large img {
    	width: 100%;
        height: auto;
    }
    
    .col4_1 .contactHome {
    	width: 50%;
        margin-right: 3%;
    }
    
    .col4_1 img {
    	width: 100%;
        height: auto;
    }
    
   
.col2_1 .floatLeft,
.col2_2 .floatLeft,
.col2_3 .floatLeft {
    float: none;
}

	.col6.col_right ul.minigallery.large li { width: 30%; height: auto; margin: 1.3%;}

    .vertical {
    float: left;
    padding: 0 1%;
    width: 47%;
}

.col2_5, .col4_2 {
	float: none;
    width: 100%;
}
    
/* Store stuff */

	/* 3 Line Menu Button */
	.nav-trigger-store {
  	/* critical styles - hide the checkbox input */
  	clip: rect(0, 0, 0, 0);
	}
	label[for="nav-trigger-store"] p:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #FFF;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    content: "";
    position: static;
		display:inline-block;
    margin-top:0.2rem;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		-webkit-transform-origin: 20% 50%;
		transform-origin: 20% 50%;
	}
	
	label[for="nav-trigger-store"] {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
		position: static !important;
		display:inline-block !important;
		left:0.5em;
  	z-index: 99;
  	padding-top:0.5em;
		border-radius:15px;
		text-align:center;
		margin-right:100%;
		margin-bottom:1rem;
  	cursor: pointer;
  	background-color: #3C3D42;
		color:#FFF;
		font-size:2em;
  	background-size: contain;
	}
  label[for="nav-trigger-store"] p{
    width:10em;
  }
  
  #MenuBar1 a {
  	font-size: 1.25em;
  }
  
  #sidebar{
		position:relative;
		margin-left:-15rem;
		z-index:99;
	}
	
	
	
	
	

	
	
  #sd-container > #sd-main > #content{
		float:none;
   	left:0rem;
  }
	
	#sd-main #sidebar, 	#content{
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	
  .quadrant, .quadrant img {
  	width:100% !important;
  }
	
  .nav-trigger-store:checked ~ #sd-main #sidebar{
  	margin-left:-1em !important;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	

	
	.nav-trigger-store:checked ~ #sd-main > #content{
		position:relative;
  	margin-left:13.7rem !important;
		opacity:0.3;
	}
	
	.nav-trigger-store:checked ~ #sd-main label[for="nav-trigger-store"] p:before{
		-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		-webkit-transform-origin: 20% 50%;
		transform-origin: 20% 50%;
	}
	
	.nav-trigger-store:checked ~ #sd-main label[for="nav-trigger-store"]{
		background: #00A5FF;
	}
	
	#sd-main{
		width:100% !important;
	}
	.pagination{
		display:inline-block;
	}
	ol.template-grid{
		display:inline-block;
		width:auto !important;
	}
	.product-grid{
	width:100% !important;
	}
	ul#breadcrumb{
		width:90vw !important;
	}
	#content .quadrant, #content .quadrant img{
		display:inline-block !important;
		height:auto !important;
	}
	#content .quadrant img{
		width:100% !important;	
	}
	.subnav-wrap{
		display:none !important;
	}
	#sd-main > div:nth-child(2) > #content{
		padding-right:0em !important;
	}
  #sd-container #content{
    width:100% !important;
		-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  }
	#sidebar{
		background-color:#FFF;
	}
    
   #menuBar1 > li.store-item {display: none !important; }

}


@media screen and (max-width: 475px){

	.col1 {
    	width: 100%;
    }
    .col_inner, .col_inner_right { margin: 0.625em; }
    
   
    /* begin 4 column layout */

	.fourColumn4, .fourColumn3, .fourColumn2, .fourColumn1 {
    width: 100%;
	margin-bottom: 0;
	}
 
	.col1_1, .col1_2, .col1_3, .col1_4 {
    width: 100%;
    border-top: 1px dotted #a1a1a1;
    margin: 0;
	}

/* end 4 column layout */

/*  begin 2 column layout */

.twoColumn2, .twoColumn1{
    width: 100%;
	margin-bottom:0;
}
 
.col3_1, .col3_2 {
    width: 100%;
    border-top: 1px dotted #a1a1a1;
}
 

/* end 2 column layout */


/* begin 2 column alt layout */

.twoColumn2a, .twoColumn1a {
    width: 100%;
    margin-bottom: 0;
}
 

.col4_1, .col2_4 {
    width: 100%;
}

.col2_4 {
	border-top: 1px dotted #a1a1a1;
}
 
div.col4_1 > .col_inner > .floatLeft {
	width: 100%;
}

#footer div {
	display: block;
}

.col5.col_right ul.contentULblock li {
    width: 100%;
}

.col1_5 .col_inner_right img {
	width: 100%;
}

.col3_2 .twoColumn2 .twoColumn1 .col3_1, .col3_2 .twoColumn2 .twoColumn1 .col3_2 {
    width: 100%;
}

.col3_1 ul.threeCol li, .col3_2 ul.threeCol li {
	width: 100%;
}

.col2_4 ul.minigallery.large li, 
.col2_1 ul.minigallery.large li,
.col2_2 ul.minigallery.large li,
.col2_3 ul.minigallery.large li {
    	width: 46%;
        height: auto;
        margin: 2% 4% 2% 0;
    }
    .col2_4 .minigallery.large img {
    	width: 100%;
        height: auto;
    }
    
    .col4_1 .contactHome {
    	width: 100% !important;
        margin-right: 0%;
    }
    
    .col4_1 img {
    	width: 100%;
        max-width: 100%;
        height: auto;
    }
    
    .col2_1, .col2_2, .col2_3 {
    	width: 100%;
        height: auto;
        border-top: 1px dotted #a1a1a1;
    }
	.col_inner_right {
    	margin: 0.625em 0.625em;
    }
    
    
    
    .col6.col_right .col_inner_right .floatLeft { float: none; }
    
    .col6.col_right .col_inner_right .floatLeft img { width: 100%; height: auto; }
   
	.col6.col_right ul.minigallery.large li { width: 46%; height: auto; margin: 1.3%;}

ul.threeCol li { width: 100%;}
.vertical {
    float: none;
    padding: 0 1%;
    width: 100%;
}

.custom-form td {
	display: block;
	}
	
.custom-form td.bodyCopy p {
	margin-bottom: 0;
	padding-bottom: 0;	
}

}


.captchaBtn {
	float:right;
}

#captchaText {
  margin-right: 10px;
} 

.file-drop-zone input[type="file"] {
	opacity: .01;
	cursor:pointer;
	display:inline-block;
	font-size: 20px;
	height:75px;
	left:15px;
	position: initial;
	top:10px;
	width:95%;
}

#drop-zone {height:75px; width:100%;border:2px dashed #c0c0c0;border-radius:6px; color: #a1a1a1; padding: 10px;
margin-top:-99px
}
/* Uploading */
.preview{height:59px;}
.preview img{width: auto; max-width:36px;height: auto; max-height:36px;vertical-align:middle;margin-right:20px;}
.preview,
.filename{display:table-cell; vertical-align:middle;}
.filename{width:230px;overflow:hidden;font-size: 11px;}
.progressbar{margin:26px 0 0px 0px;width:150px;float:right;}
.uploadmessage {display:table-cell; vertical-align:middle; width:100%; }
.uploadmessage p {margin-bottom:0px;}
#upload > div {    
    clear: both;
}

#upload {display:table; width: 100%; padding: 0 ; margin: 15px 0 0 0; }

/* End Uploading */



/*
	DROP ZONE Uploader - progress bar styles
*/

#upload .progressbar .ui-progressbar-value {line-height:1.3em; height:inherit; color: white; text-align: center; font-weight: normal; font-size:.8em;}
#upload .progressbar[aria-valuenow="100"]::after {content: ""; text-align:center; color: white;}
#upload .ui-progressbar {height:1.2em;}
#upload .progressbar {margin-top:32px}
#upload .cirloading {margin-top:60px;}
#upload .import h5 {font-weight: bold; font-size:1.25em;}
#upload .ui-widget-header {
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */	
}
/* End Drop zone */


@media (max-width: 620px) {
  #iCaptcha {
    width: 100%;
  }
}


#submitMessageSuccess {
  text-align: center !important;
}

#submitMessageSuccess ~ .row p {
  font-size: 1em;
  text-align: center !important;
  color: #8a8a8a;
}

#PageContent {
  margin: 10px 0 0 0; 
  max-width: 600px;
}

@media (max-width: 960px) {
  table.custom-form {
    float: left;
    width: auto;
  }
}

#drop-zone {
  width: inherit !important;
}