/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

/*
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
}
*/

body 	{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
    color: #000000;
	font-family: "Open Sans", arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
	}

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

h1 {
	font-size: 28px;
	font-family: "Lora", "Times New Roman", Times, serif; 
	font-weight: 400; 
	letter-spacing: 0px; 
	line-height: normal;	
	margin: 5px 0px 0px 0px; 
}

.subtext {
	font-size:12px;
	color:#666;
	line-height:120%;
}



/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.midpage {
	width:100%;
	margin:0:auto;
	padding:5px;
	text-align:center;
}


/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

img 		{ border: 0; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }

.divclear {clear:both;}

.w50  {width:50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w225 {width:225px;}
.w250 {width:250px;}
.w275 {width:275px;}
.w300 {width:300px;}
.w325 {width:325px;}
.w350 {width:350px;}
.w375 {width:375px;}

.w100p {width:100%;}
.w75p  {width:75%;}
.w50p  {width:50%;}
.w25p  {width:25%;}


.borderB {border-bottom:1px solid #CCC;}
.borderR {border-right:1px solid #CCC;}
.borderL {border-left:1px solid #CCC;}
.borderT {border-top:1px solid #CCC;}
.borderA {border:1px solid #CCC;}

.borderBLG {border-bottom:1px solid #f2f2f2;}
.borderRLG {border-right:1px solid #f2f2f2;}

.borderRdark {border-right:1px solid #666;}


.fontG {color:#CCC;}
.fontR {color:#F00;}
	
	
.bcG {background-color:#CCC;}
.bcLG {background-color:#f2f2f2;}	
	

.showmobile {display:none;}
.showtablet {display:none;}

.whenprinthide {display:none;}

/* NON-MENU LINK COLORS */

a:link, 
a:visited, 
a:active 	{ color: #0066CC; text-decoration: none; font-weight:bold;}

a:hover 	{ color: #0099FF; transition:0.5s}



.pageheight	{ min-height: 700px; }

#pagewrapper	{
		width: 100%;
		min-width: 319px;
		margin: 0 auto 0 auto;
		background-color:white;
		}

.pagebox	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto;
		}

#contentbox-login {
	max-width: 1200px;
	margin: 70px auto 0px auto;
	padding: 30px 30px;
}




#contentbox-normal {
	max-width: 1200px;
	min-height:700px;
	margin: 112px auto 0px auto;
	padding: 30px;
}

#contentbox-full {
	max-width: 100%;
	min-height:700px;
	margin: 112px auto 0px auto;
	padding: 30px;
}


#contentbox-wide {
	max-width: 1200px;
	min-height:700px;
	margin: 112px auto 0px auto;
	padding: 30px;
}


/* NOTIFICATION BOX *************************************/




.notification-box {
	float:right;
	width:40%;
	min-width:300px;
	padding:16px;
	margin:auto 0px auto 20px;
	background-color:#f2f2f2;
	min-height:500px;
}

.notification-boxtop  {
	width:100%;
	border-bottom:1px solid #CCC;
	text-align:center;
}

.notification {
	width:100%;
	text-align:left;
	padding:5px;
	min-height:100px;
	background-color:#FFC;
}




.page-splits 	{
		line-height: 1px;
		font-size: 1px;
		height: 2px;
		background-color: transparent;
		margin-top: 0px;
		margin-bottom: 10px;
		padding: 0px;
		border-top: #336699 1px solid;  /*#76A3D0*/
		}






/***HEADER AND FOOTER ****************************************************/
#topheader {
  background-color: white; /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: 0px; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
  height:100px;
}


#headerdiv	{
		position: relative;
		background-color: transparent;
		background:white;  /*#594370 original*/
		max-width:100%;
		padding: 10px 20px 5px 10px;
		margin: 0px;
		border: #000000 0px solid;
		font-size:16px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		}


.logo-respond	{
		height: auto;
		max-width: 320px;  /*Keystone 320 LEG 160*/
		min-width: 280px;   /*Keystone 280 LEG 160*/
		display: block;
		}


#headericons	{
		position:relative;
		text-align: center;
		font-size: 0px;
		background-color: transparent; /*transparent;*/
		padding: 20px 0px 5px 0px;
		margin: 50px 0px 0px 0px;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		}
		
#footer {
	position:relative;
	width:100%
	margin:30px auto 0px auto;
	padding:10px;
	height:50px;
	background-color:#336699;
	border-top:3px solid #C0C0C0;
	color:white;
}
		
#fixedfooter {
	bottom:0px;
	left:0px;
	position:fixed;
	width:100%;
	margin:30px auto 0px auto;
	padding:20px;
	height:80px;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	color:white;
	background-color:#336699;
	border-top:3px solid #C0C0C0;
}

#fixedfooter a {
	color:white;
}

fixed#footer a:hover {
	color:#F2F2F2;
	transition:0.5s;
}
		
		
/*LOGIN BOX******************************************************************/

.loginbox {
	max-width:480px; 
	margin:auto; 
	border: 1px solid #ccc;
}

.loginbox label {
	font-size:14px;
}
	
.loginbox input[type=email], input[type=text], input[type=password] {
	font-size:16px;
	padding: 12px 20px;
	margin: 2px 0px 16px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.loginbox select {
	font-size:16px;
	padding: 12px 20px;
	margin: 2px 0px 16px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.loginbox option {
	line-height:200%;
	padding-bottom:10px;
	margin-bottom:10px;
}


.logincontainer {
	padding: 16px;
	background-color:#FFF;
}

.logintop {
	padding: 16px;
	background-color:#f1f1f1;
	text-align:center;
}

.loginbottom {
	padding: 16px;
	background-color:#f1f1f1;
}

/*Forms************************************************************/

.mycform {
	max-width:95%;
	min-width:350px;
	margin: auto;
	padding:16px;
}

.mycform .narrow {
	max-width:480px;
	min-width:300px;
	margin:auto;
	padding:16px;
}

.mycindent {
	width:90%;
	margin:0 auto;
}

.mycform label {
	font-size:14px;
	font-weight:bold;
}
	
.mycform input[type=email], input[type=text], input[type=password], input[type=number], textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 12px 20px;
	margin: 2px 0px 16px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}


.mycform  .largecheckbox{
	width:16px;
	height:16px;
	border:1px solid #CCC;
	margin-right:10px;
}

.mycform select {
	font-size:16px;
	padding: 12px 20px;
	margin: 2px 0px 16px 0px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.mycform option {
	line-height:200%;
	padding-bottom:10px;
	margin-bottom:10px;
}




/*ICONS AND BUTTONS*********************************************************/
.buttonC {
    background-color: #336699;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border:none;
    cursor: pointer;
	font-size:20px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}


.buttonC:hover {
    background-color: #19334d;
    transition:0.5s;
}


.buttonCNA {
    background-color: #ccc;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor:not-allowed;
	font-size:20px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}




.buttonI {
    background-color: #336699;
    color: white;
    padding: 5px 5px;
    margin: -16px 0px;
    border: none;
    cursor: pointer;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor:pointer;
}


.buttonI:hover {
    background-color: #19334d;
    transition:0.5s;
}



.buttonD {
    background-color: #336699;
    color: white;
    padding: 5px;
    margin: 2px 0px;
    border: none;
    cursor: pointer;
	font-size:12px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor:pointer;
}


.buttonDSelected {
	background-color:#2c5987;
}


.buttonD:hover {
    background-color: #19334d;
    transition:0.5s;
}




input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
    background-color: #19334d;
    transition:0.5s;
}




.icon	{
		background-color:#336699; /*#281A56; #2B8FB8;*/
		border: #000000 0px solid;
		height:25px;
		width:25px;
		padding: 3px;
		margin: 2px;
		vertical-align: top;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		   }

.icon:hover  {
		   background-color: #19334d;
		   border: #000000 0px solid;
		   transition:0.5s;
		   }


.tabicon {
	height:25px;
	width:25px;
}
/*MESSAGE BARS*******************************************************/

.message-yellow {
	clear:both;
	width:99%;
	margin:auto;
	margin-bottom:10px;
	padding:5px;
	font-size:24px;
	background-color:#e6e600;
	color:black;
	text-align:center;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	font-weight:bold;
}

.message-green {
	clear:both;
	width:99%;
	margin:auto;
	margin-bottom:10px;
	padding:5px;
	font-size:24px;
	background-color:greenyellow;
	color:black;
	text-align:center;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	font-weight:bold;
}


/*TABLE*****************************************************************/

.tablelist {
	margin: 0 auto;
}

.tablelist th  {
	background-color:#7a99b8;
	color:white;
	font-weight:normal;
	padding:5px 10px;
}


.tablist tr {
	background-color:#eef2f6;
}


.tablelist tr:hover {
	background-color:#FFC;
	transition:0.5s;
}



.tablelist td {
	padding:5px;
}

/*PROGRESS BAR*****************************************************/

.progressbar {
	width:100%;
	margin:20px auto;
	font-size:14px;
	background-color:#CCC;
	color:black;
	text-decoration:none;
	border:1px solid #666;
}

.progressbar td {
	padding:2px;
	vertical-align:top;
	text-align:center;
}

.progressbar .active {
	background-color: #9F3;
	
}



/* OPTIONS REGISTRATION PAGE ***************************************************************/

.daybox {
	width:100%;
	margin: 0px auto 20px;
}


.selbox {
	width:100%;
	margin:auto;
	margin-bottom:5px;
}


.seltitlebar {
	width:100%;
	background-color:palegreen;
	padding:5px;
	margin-bottom:5px;
	color:black;
	font-weight:normal;
	overflow:auto;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}


.seltitlebar .seltitlebox {
	float:left;
}

.seltitlebar .seltitlebox a {
	color:black;
	font-weight:normal;
}


.seltitlebar .seltitlebox .seliconbox {
	float:left;
	vertical-align:top;
	height:100%;
	margin-right:10px;
}

.seltitlebar .seltitlebox .seliconbox .seltitleicon {
	font-size:24px;
	color:#333;
}

.seltitlebar select {
	font-size:14px;
	padding: 5px 5px;
	margin: 0px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}



.selbox .seldescriptionbox {
	width:95%;
	margin:0px auto 20px;
	display:none;
}

.selbox .seldescriptionline {
	line-height:110%;
	margin-bottom:5px;
}






/*MISC*************************************************************/

.sector7 {
	width:100%;
	padding:2px;
	border:1px solid orange;
	background-color:#fff6e6;
	clear:both;
}

.hideemail {display:none;}




.img-profile {
	width:180px;
	height:240px;
	margin: 0px 0px 0px 0px;
}


.img-profile {
	width:210px;
	height:280px;
	margin: 0px 0px 0px 0px;
}



.img-borders	{
		border: #f2f2f2 1px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}



.img-vendor {
	width:380px;
	height:200px;
	margin: 0px 0px 0px 0px;
	border:1px solid #f2f2f2;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
}



.reviewleft {
	float:left;
	width:850px;
	padding-right:5px;
}


.reviewright {
	float:right;
	width:300px;
	padding:5px;
	border:1px solid #CCC;
	border-radius:5px;
	min-height:500px;
	text-align:center;
	
}


/*MEDIA QUERIES***************************************/
/*MEDIA QUERIES***************************************/
/*MEDIA QUERIES***************************************/



/* MEDIA MAX WIDTH 890 *****************************************/
/* MEDIA MAX WIDTH 890 *****************************************/

@media handheld and (max-width: 890px),
   screen and (max-device-width: 890px),
   screen and (max-width: 890px) 
	{


.just		{ text-align: left; }

.floatlist	{ width: 100%; }

.textlogo	{ font-size: 33px; letter-spacing: 2px; }

.img-right {
	max-width: 350px;
}

.hidetablet {display:none;}
.showtablet {display:

	}



a.link-3x	{ font-size: 1.0em; padding: 8px 3px 8px 3px; }
	}

/* END MEDIA MAX WIDTH 890 *********************************/
/* END MEDIA MAX WIDTH 890 *********************************/




/* MEDIA MAX WIDTH 740 *****************************************/
/* MEDIA MAX WIDTH 740 *****************************************/

@media handheld and (max-width: 740px),
   screen and (max-device-width: 740px),
   screen and (max-width: 740px) 
	{


.pageheight	{ min-height: 50px; }

#contentbox-left 
		{ min-width: 300px; }
		
#contentbox-full { 
	min-width: 300px; 
	max-width:740px;
}

#contentbox-outer	{
		margin-right: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		}

.content-pad 		{ padding: 10px 15px 10px 15px; }

#left-content 		{ width: 100%; min-width: 100%; margin-right: 0px; }

#sidebar-content 	{ margin: 0px 15px 0px 0px; float: none; display: block; }

.header-ico1, .header-ico2	{ display: none; }  /* HIDES HEADER ICONS */

.logo-respond		{ width: 100%; height: auto; }

#FTmenu			{ display: none; }  /* HIDES FOOTER MENU */

.footer-copyright	{ border-width: 3px 0px 3px 0px; }

.img-right {
	max-width: 300px;
}


.hidetablet {display:none;}


/* MQS ROW OF 3x IMAGES */

.img-3x-outer	{ margin: 15px auto 15px auto; }

a.link-3x	{ font-size: 0.90em; padding: 8px 3px 8px 3px; }

.img-3x-expand:hover > a { bottom: 20px; }

	}

/* END MEDIA MAX WIDTH 740 *****************************************/
/* END MEDIA MAX WIDTH 740 *****************************************/



/* MEDIA MAX WIDTH 482 *****************************************/
/* MEDIA MAX WIDTH 482 *****************************************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{




/* MQS FONTS - NEXT LINE IS DEFAULT MOBILE FONT ALL PAGES */

body, div, table { font-size: 13px; line-height: 145%; }

.title  	{ font-size: 17px; }

.subtitle  	{ font-size: 15px; }

.colortitle 	{ font-size: 14px; }

.list		{ font-size: 13px; }

.just 		{ text-align: left; }




/* MQS GENERAL */

.hidemobile	   { display: none; }
.showmobile {display:block;}

.splits-xtramargin { margin-top: 12px; margin-bottom: 12px; }




/* MQS PAGE & CONTENT HEIGHTS, PADDING & WIDTHS */

.pagebox	{ padding: 0px 0px 0px 0px; }

#contentbox	{ padding: 0px 0px 0px 0px; }

.content-pad 	{ padding: 10px 5px 10px 5px; }

#sidebar-content { float:none; clear:both;}

.SB-width {
	width:100%;
}




/* MQS LOGO GRAPHIC, AND TEXT */

#headerdiv	{ padding: 8px 0px 8px 0px; }

.logo-respond	{ max-width: 280px; height: auto; }

.textlogo	{ font-size: 22px; letter-spacing: 0px; }

.logoslogan	{ font-size: 14px; }




/* MQS IMAGES */

.img-respond-home	{ margin-bottom: 0px; }




/* MQS FOOTER */

.footer-copyright { font-size: 11px; }




/* MQS SIDEBAR */

.sidebar-text	{ font-size: 13px; line-height: normal; }

.sidebar-title	{ font-size: 15px; }

.side-links a	{ font-size: 13px; line-height: normal; }

.sidebar-pad	{ padding: 0px 0px 15px 0px; }




/* CONTACT PAGE */

.form-box			  { margin: 10px 0px 10px 0px; }

.shadeform, .textarea, .dropdown  { font-size: 12px; }

input[type=submit].submitbutton, 
input[type=reset].submitbutton	  { font-size: 14px; }




/* GALLERY AND CART PAGE */

.Gal-details	{ font-size: 12px; }

.Gal-title	{ font-size: 15px; }

input[type=submit].button-order 
		{
		font-size: 16px;
		padding: 6px 3px 6px 3px;
		}

.price span	{ font-size: 16px; }




/* LINKS PAGE */

.searchform, .searchbutton  { font-size: 11px; }




/* PAYMENTS PAGE */

.payform, input[type=submit].payform	{ width: 140px; }

.paypalbadge { width: 80px; }


/* MQS ROW OF 3x IMAGES */

a.link-3x	{ font-size: 1.1em; padding: 5px 3px 5px 3px; }

.img-3x-box	{ display: block; width: auto; margin: 8px auto 8px auto; max-width: 300px; }



	}
	
	
/* END MEDIA MAX WIDTH 740 *****************************************/
/* END MEDIA MAX WIDTH 740 *****************************************/


<style>

/* ROW OF 3x IMAGES (ABOUT & HOME) */

.img-3x-outer	{
		text-align: center;
		margin: 25px auto 25px auto;
		}

.img-3x-box	{
		display: inline-block;
		text-align: center;
		width: 32%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		
		}

.img-3x		{
		width: 98%;
		height: auto;
		overflow: hidden;
		cursor:pointer;
		margin: 0px auto 5px auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 0px solid #000000;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		}

.img-3x img {
	width: 100%;
	height: auto;
	display: block;
	}

/* ROW OF 3x IMAGES LINKS */

a.link-3x	{
		color: #FFFFFF;
		font-size: 1.1em;
		font-weight: 500;
		line-height: normal;
		padding: 15px 3px 15px 3px;
		display: block;
		width: 100%;
		position: absolute;
		bottom: 10px;
		left: 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: #C0C0C0 0px solid;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */
		background: #000000;
		background-color:#336699;   /* BACKGROUND & OPACITY rgba(1,0,102,0.55);*/
	/* ANIMATE */
		-webkit-transition: all 0.5s;
		transition: all 0.5s ease;
		}

a.link-3x:link, 
a.link-3x:visited, 
a.link-3x:active { color: #FFFFFF; text-decoration: none; }

a.link-3x:hover	 { color: #FFFFFF; text-decoration: none; }

/* ROW OF 3x IMAGES ZOOM CODE */

.img-3x-expand	{
		width: 98%;
		height: auto;
		overflow: hidden;
		position: relative;
		z-index:1;
		cursor:pointer;
    border: 1px solid #CCC;
		margin: 0px auto 5px auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #19334d;
		border: 0px solid #000000;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		}

.img-3x-expand img {
		width: 100%;
		height: auto;
		display: block;
	/* IMAGE ZOOM */
		position: relative;
		-webkit-transition: all 400ms ease-in;
		-webkit-transform: scale(1);
		-ms-transition: all 400ms ease-in;
		-ms-transform: scale(1);
		-moz-transition: all 400ms ease-in;
		-moz-transform: scale(1);
		transition: all 400ms ease-in;
		transform: scale(1);
		}

/* ROW OF 3x IMAGES HOVER CODE */

.img-3x-expand img:hover,
.img-3x-expand:hover > a img {
		opacity: 0.85;
	/* IMAGE ZOOM */
		-webkit-transition: all 400ms ease-in;
		-webkit-transform: scale(1.2);
		-ms-transition: all 400ms ease-in;
		-ms-transform: scale(1.2);   
		-moz-transition: all 400ms ease-in;
		-moz-transform: scale(1.2);
		transition: all 400ms ease-in;
		transform: scale(1.2);
		}

.img-3x-expand:hover > a {
		background: #19334d;
		background-color: #19334d;  /* rgba(1,0,102,0.85); BACKGROUND & OPACITY */
		bottom: 30px;
		}



@media handheld and (max-width: 890px),
   screen and (max-device-width: 890px),
   screen and (max-width: 890px) 
	{


a.link-3x	{ font-size: 1.0em; padding: 8px 3px 8px 3px; }
}


@media handheld and (max-width: 740px),
   screen and (max-device-width: 740px),
   screen and (max-width: 740px) 
	{
		
.img-3x-outer	{ margin: 15px auto 15px auto; }

a.link-3x	{ font-size: 0.90em; padding: 8px 3px 8px 3px; }

.img-3x-expand:hover > a { bottom: 20px; }
		
}


@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{
a.link-3x	{ font-size: 1.1em; padding: 5px 3px 5px 3px; }

.img-3x-box	{ display: block; width: auto; margin: 8px auto 8px auto; max-width: 300px; }
	}


</style>