@import url('font-styles/fonts.css');
@import url('../logo/logo.css');

html, body										{margin:0px; 		padding:0px;}



/* INFO BOXES HORIZONTAL 
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.boxi {
width: 				100%;
border: 			1px solid rgba(112,110,94,0.9);
border-radius: 		5px;

box-shadow: 		0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.1), 	inset 0 10px 20px rgba(255,255,255,0.3), 	inset 0 -15px 30px rgba(112,110,94,0.2); 
-o-box-shadow: 		0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 30px rgba(112,110,94,0.2); 
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 30px rgba(112,110,94,0.2); 
-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 30px rgba(112,110,94,0.2);

background:			#efefef;
background: 		 
					url('../graphics/box_corner_left.png') top left no-repeat, 
					url('../graphics/box_corner_right.png') top right no-repeat, 
					url('../graphics/boxi_top.jpg') top center repeat-x, 
					url('../graphics/boxi_bg.jpg') bottom center repeat;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* INFO BOXES LEFT/RIGHT COLUMN 107,79,50*/
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.box1 {
width: 				100%;
border: 			1px solid rgba(112,110,94,0.9);
border-radius: 		5px;

box-shadow: 		0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.1), 	inset 0 10px 20px rgba(255,255,255,0.3), 	inset 0 -15px 30px rgba(112,110,94,0.2); 
-o-box-shadow: 		0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 30px rgba(112,110,94,0.2); 
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 30px rgba(112,110,94,0.2); 
-moz-box-shadow: 	0 2px 3px rgba(0,0,0,0.2), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 30px rgba(112,110,94,0.2);

background:			#efefef;
background: 		 
					url('../graphics/box_corner_left.png') top left no-repeat, 
					url('../graphics/box_corner_right.png') top right no-repeat, 
					url('../graphics/box1_top.jpg') top center repeat-x, 
					url('../graphics/box1_bg.jpg') bottom center repeat;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* INFO BOXES CENTER COLUMN 
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
.box4 h3 {
width: 				95%;
border: 			1px solid rgba(38,54,64,0.5);
border-radius: 		5px;
background: 		rgba(38,54,64,0.25);
box-shadow: 		0 2px 6px rgba(0,0,0,0.5), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.1), 	inset 0 10px 20px rgba(255,255,255,0.3), 	inset 0 -15px 10px rgba(38,54,64,0.5); 
-o-box-shadow: 		0 2px 6px rgba(0,0,0,0.5), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 10px rgba(38,54,64,0.5); 
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 10px rgba(38,54,64,0.5); 
-moz-box-shadow: 	0 2px 6px rgba(0,0,0,0.5), 	inset 0 1px rgba(255,255,255,0.3), 	inset 0 10px rgba(255,255,255,0.2), 	inset 0 10px 20px rgba(255,255,255,0.25), 	inset 0 -15px 10px rgba(38,54,64,0.5);
background:			url('../graphics/box1_bg.jpg');
behavior: 			url(Site/javascript/PIE.htc);}

background: 		#efefef,
					url('../graphics/boxi_top.jpg') top center repeat-x,
					url('../graphics/box_corner.png') top right no-repeat,
					url('../graphics/boxi_bg.jpg') bottom center repeat;
}


*/
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* NEWS TICKER */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.webwidget_slideshow_common						{position: relative;}
.webwidget_slideshow_common .slides_box			{padding: 0px;margin: 0px;overflow: hidden;position: absolute; top:9px; left:130px; height:23px;}
.webwidget_slideshow_common h4					{position: absolute;top:7px; left:0px;padding:0px;margin: 0px 5px 0px 0px; }
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* INFO BOXES HORIZONTAL IMAGE BOXES*/
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.centerpic img									{ background-color: #efefef;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	border: 1px solid #ffffff;	padding: 3px 3px 3px 3px;	box-shadow: 0px 1px 2px #A7A7A7;margin: 7px 0px 0px 0px;}
.centerpic 										{ overflow: hidden; 	padding:0px 0px 0px 0px;	position: relative;}
.centerpic a 									{ position: relative;	margin: 0px 0px 0px 5px;}

.centerpic a:hover:after,
.centerpic a:focus:after
{
	content: attr(title);
	position: absolute;
	bottom: 0px;
	left:4px;
	height: 30px;
	line-height: 30px;
	width:260px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.2)); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
	display: block;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	color:#ffffff;
	text-shadow: 1px 1px 1px #000000;
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* INFO BOXES LEFT/RIGHT COLUMN IMAGE BOXES*/
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sidepic img									{ background-color: #efefef;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	border: 1px solid #ffffff;	padding: 2px;	box-shadow: 0px 1px 2px #A7A7A7; margin:5px 5px 0px 2px;}

.sidepic 										{ overflow: hidden; 	padding:0px 0px 0px 0px;	position: relative; float:left;}
.sidepic a 										{ position: relative;	margin: 0px 0px 0px 0px; }
.sidepic a:hover:after,
.sidepic a:focus:after
{
	content: attr(title);
	position: absolute;
	bottom: 0px;
	left:3px;
	height: 30px;
	line-height: 30px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.2)); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
	display: block;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
	
	
/* FOOTER */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footerleft										{vertical-align:top; text-align:left;}
#footerright									{vertical-align:top; text-align:left;}
#footercenter									{vertical-align:top; text-align:left;}

.footer_quicklink h3							{background:url('../graphics/footer_quicklinks.png') 	no-repeat 0px 10px; height:52px; padding:26px 0px 0px 0px; margin:0px; text-indent:60px;  }
.footer_social h3								{background:url('../graphics/footer_social.png') 		no-repeat 0px 10px; height:52px; padding:26px 0px 0px 0px; margin:0px; text-indent:60px;  }
.footer_contact h3								{background:url('../graphics/footer_contact.png') 		no-repeat 0px 10px; height:52px; padding:26px 0px 0px 0px; margin:0px; text-indent:60px;  }

.footer_quicklink li							{border-bottom:1px #333333 dotted;list-style: none; padding:5px 0px 5px 0px; width:150px; }
.footer_quicklink li a							{background:url('../graphics/footer_quicklist.png') no-repeat 0px 0px; padding:0px 0px 10px 25px; list-style: none; }
.footer_quicklink li a:link						{}
.footer_quicklink li a:visited					{}
.footer_quicklink li a:hover					{background:url('../graphics/footer_quicklist_hover.png') no-repeat 0px 0px; }
.footer_quicklink li a:active					{}

.footer_contact ul								{list-style: none; padding:0px; margin:0px; }
.footer_contact li								{border-bottom:1px #333333 dotted;list-style: none; padding:5px 0px 5px 33px; margin:0px; }
.footer_right_address							{background:url('../graphics/footer_address.png') no-repeat 0px 0px;  }
.footer_right_phone								{background:url('../graphics/footer_phone.png') no-repeat 0px 0px;  }
.footer_right_email								{background:url('../graphics/footer_email.png') no-repeat 0px 0px;  }
.footer_right_contact							{background:url('../graphics/footer_webcontact.png') no-repeat 0px 0px;  }
#footerleft										{background:url('../graphics/footer_separator.png') center right no-repeat;  }
#footerright									{background:url('../graphics/footer_separator.png') center left  no-repeat;  }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/* CATALOG PAGE */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.catalog 										{}
.product 										{border: 1px solid #cccccc; height: 200px; min-width: 100px; text-align: left; padding: 10px; vertical-align: top;}
.paypalbtn										{height: 36px; border: 1px #f7f7f7 solid; text-align: center; width: auto; display: block; clear: both;padding: 2px;}

input.button 									{width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #1F2E19; padding:1px .5em; background:#1F2E19 url('../graphics/submit-button-bg.jpg') repeat-x left center; color:#FFFFFF;}
button 											{width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #28292D; padding:1px .5em; background:#28292D url('../graphics/submit-button-bg.jpg') repeat-x left center; color:#3D4026;}
input.button:active 							{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;}
button:active 									{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;}
input.button:hover 								{cursor:pointer;}
button:hover 									{cursor:pointer;}
input.button.primary 							{border:0px solid #28292D; background:#28292D url('../graphics/submit-button-bg.jpg') repeat-x right center;}
button.primary 									{border:0px solid #28292D; background:#28292D url('../graphics/submit-button-bg.jpg') repeat-x right center;}
input.button.primary:active 					{border:1px solid #28292D; border-right-color:#28292D; border-bottom-color:#28292D;}

#jquery-overlay 								{position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 500px;}
#jquery-lightbox 								{position: absolute;top: 0;left: 0;width: 100%;z-index: 101;text-align: center;line-height: 0;}
#jquery-lightbox a img 							{border: none; }
#lightbox-container-image-box 					{position: relative;background-color: transparent;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image 						{padding: 10px; }
#lightbox-loading 								{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav 									{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav 	{left: 0; }
#lightbox-nav a 								{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext 	{width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev 							{left: 0; float: left;}
#lightbox-nav-btnNext 							{right: 0; float: right;}
#lightbox-container-image-data-box 				{font: 10px Verdana, Helvetica, sans-serif;background-color: transparent;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data 					{padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details 	
												{width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption 				{font-weight: bold; }
#lightbox-image-details-currentNumber 			{display: block; clear: left; padding-bottom: 1.0em;}		
#lightbox-secNav-btnClose 						{width: 66px; float: right;padding-bottom: 0.7em;	}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */




/* ZOOM MENU */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.demo img 										{border:0px none; padding:0px; width:48px; height:48px; vertical-align:top;}
#zoom_menu img 									{padding:0px 4px;}
#zoom_menu div.jqDock							{}
div.jqDockLabel 								{border:0px none; padding:0px 4px; padding-bottom:50px; }
div.jqDockLabelLink 							{cursor:pointer;}
div.jqDockLabelImage 							{cursor:default;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */



/*** ESSENTIAL MENU STYLES ***/
.sf-menu, .sf-menu * 							{margin:0px;			padding: 0px;			list-style: none;}
.sf-menu 										{line-height:1.0;}
.sf-menu ul 									{position:absolute;		top:-999em;			width:			10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li 									{width:100%;}
.sf-menu li:hover 								{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li 									{float:	left;			position:relative; }
.sf-menu a 										{display:block;			position:relative;}


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 					{left:10em; 			top:0px;}/* match ul width */

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:10em; 			top:0px;}/* match ul width */

/*** DEMO SKIN ***/
.sf-menu 										{float:left;			margin-bottom:1em;}


/*** arrows **/
.sf-menu a.sf-with-ul 							{padding-right:2.25em;	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator 								{position:absolute;		display:block;			right:.75em;	top:0px; /* IE6 only */width:10px;height:20px;text-indent:-999em;overflow:hidden;background:url('../graphics/arrows-ffffff.png') no-repeat -20px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator 							{top:1.1em;				background-position: 0px -90px; /* use translucent arrow for modern browsers*/}  /* give all except IE6 the correct values */

/* apply hovers to modern browsers */
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: -10px -90px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator 					{background-position:  -10px 0px; }
.sf-menu ul a > .sf-sub-indicator 				{background-position:  0px 0px; }
/* apply hovers to modern browsers */
.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: -10px 0px; /* arrow hovers for modern browsers*/}



.floatr {
    position: absolute;
    top: -10px;
    left:10px;
    z-index: 50;
    width: auto;
    height: 5px;
    border-radius : 8px;
    -moz-border-radius : 8px;
    -webkit-border-radius : 8px;
    background : rgba(0,0,0,.20);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
}


/*** MENU TOP ******************************************************************************************************************************/



/*** TOP MENU BACKGROUNDS ***/
.sf-menu li a, 
.sf-menu li a:link, 
.sf-menu li a:visited 							{background:transparent; 	outline:0px; }

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu li a:focus, 
.sf-menu li a:hover, 
.sf-menu li a:active 							{background-image:url('../graphics/topmenu_bg.png'); 		background-position:center 0px; 	background-color: transparent;	outline:0px;/**/}

/*** SUBMENU BACKGROUNDS ***/
.sf-menu li ul li a, 
.sf-menu li ul li a:link,
.sf-menu li ul li a:visited 					{background-image:url('../graphics/topsubmenu_bg.png'); 	background-position:center 0px; 	background-color: transparent;	outline:0px;/**/}

.sf-menu li ul li :hover, 
.sf-menu li ul li .sfHover,
.sf-menu li ul li a:focus, 
.sf-menu li ul li a:hover, 
.sf-menu li ul li a:active 						{background-image:url('../graphics/topsubmenu_bg.png'); 	background-position:center -50px; 	background-color: transparent;	outline:0px;/**/}

/*** SIDE MENU BACKGROUNDS ***/
.sf-vertical li a, 
.sf-vertical li a:link,
.sf-vertical li a:visited  						{background-image:url('../graphics/sidemenu_bg.png'); 		background-position:center 0px; 	background-color: transparent;	outline:0px;/**/}

.sf-vertical li:hover, 
.sf-vertical li.sfHover,
.sf-vertical li a:focus, 
.sf-vertical li a:hover, 
.sf-vertical li a:active 						{background-image:url('../graphics/sidemenu_bg.png'); 		background-position:center -80px;	background-color: transparent;	outline:0px;/**/}

/*** SIDE SUBMENU BACKGROUNDS ***/
.sf-vertical li ul li a, 
.sf-vertical li ul li a:link,
.sf-vertical li ul li a:visited 				{background-image:url('../graphics/sidesubmenu_bg.png');	background-position:center 0px;		background-color: transparent;	outline:0px;/**/}

.sf-vertical li ul li :hover, 
.sf-vertical li ul li .sfHover,
.sf-vertical li ul li a:focus, 
.sf-vertical li ul li a:hover, 
.sf-vertical li ul li a:active 					{background-image:url('../graphics/sidesubmenu_bg.png'); 	background-position:center -50px;	background-color: transparent;	outline:0px;/**/}




/*** MENU SIDE ******************************************************************************************************************************/


/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator 					{ background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator 				{ background-position: 0px -5px; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {background-position: -20px 0; /* arrow hovers for modern browsers*/}



/* html5 display rule  */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
												{display:block;}