#sub-header	{ position: relative; }

#logo-typeR	{ position: absolute; top: 0px; right: 0px; }

#logo-typeR img	{ vertical-align: bottom; }

.menu-navbox	{
		text-align: left;
		display: inline-block;
		margin: 10px 0px 0px 10px;
		border: #CFCFCF 1px solid;
		background-color: #FFFFFF;
		background-image: url("../setup/picts/nav_background.gif");
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}

.menu-navbox a.mnlink:link, 
.menu-navbox a.mnlink:active, 
.menu-navbox a.mnlink:visited, 
.menu-navbox a.mnlink	{
		color: #5595FB;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		line-height: 27px;
		width: 33px;
		margin-right: 0px;
		cursor: pointer;
		vertical-align: middle;
		display: inline-block;
		border: #CCCCCC 0px solid;
		border-width: 0px 0px 0px 0px;
		}

.nav-next img	{ display: inline-block; vertical-align: top; margin-top: 8px; }

.menu-navbox a.mnlink:visited 	{ color: #5595FB; }

.menu-navbox a.mnlink:hover {
		background-color: #AEE8FE;
		color: #5595FB;
		text-decoration: none;
		}

@keyframes slideDown {
	0% { transform: translateY(-100%); }
	50% { transform: translateY(-100%); }
	100% { transform: translateY(0%); }
	}

.hover-details { 
	animation: 2s ease-out 0s 1 slideDown;
	position: relative;
	z-index: -1;
	}

/* MAP */

h3.maptitle {
	color: #000000;
	font-size: 19px;
	font-weight: bold;
	max-width: 260px;
	border-bottom: #C0C0C0 1px solid;
	padding: 10px 0px 6px 0px;
	margin: 0px 0px 5px 0px;
	}

.maplist {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	}

.maplist li {
	text-indent: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 16px;
	list-style: none;
	}


/* CONTENT */

.out-content	{ max-width: 1136px; padding: 0px 25px 0px 25px; }

.title-sales	{ color: #000000; font-size: 22px; font-weight: 500; line-height: normal; }

.tbl-outer	{
		display: table;
		width: 100%;
		margin: 0 auto;
		margin-top: 70px;
		padding-bottom: 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.tbl-outer-map	{ margin-top: 0px; }

.tlb-row	{ display: table-row; vertical-align: top; }
.tlb-cellL	{ display: table-cell; vertical-align: top; width: 211px; padding-bottom: 30px; }
.tlb-cellC	{ display: table-cell; vertical-align: top; padding-bottom: 30px; }
.tlb-cellR	{ display: table-cell; vertical-align: top; width: 211px; padding-bottom: 30px; }


.tbl-outer-smmar { margin-top: 10px; }


.tbl-outerSING	{
		display: table;
		max-width: 606px;
		margin: 70px auto 0px auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
.tlb-rowSING	{ display: table-row; vertical-align: top; }
.tlb-cellSINGL	{ display: table-cell; vertical-align: top; width: 211px; padding-bottom: 30px; }
.tlb-cellSINGR	{ display: table-cell; vertical-align: top; max-width: 375px; padding-bottom: 30px; padding-left: 20px; }

.tbl-outer-min	{ width: auto; margin-left: auto; margin-right: auto; }
.tlb-minL	{ width: 408px; }
.tlb-minC	{ width: 100px; padding-bottom: 1px; }
.tlb-minR	{ width: 408px; }
.mininotes	{
		color: #5C7699;
		font-size: 15px;
		text-align: left;
		margin: 0 auto;
		padding: 15px 8px 0px 8px;
		}

.minilink	{
		font-size: 1.2em;
		padding: 6px 0px 0px 0px;
		margin: 6px 0px 0px 0px;
		border-top: #42C422 1px solid;
		}

.minithmb	{ padding: 0px 0px 0px 0px; }
.minithumb	{ display: inline-block; width: 100%; max-width: 200px; height: auto; }


.tbox200 	{
		width: 211px;
		margin: 0 auto;
		vertical-align: top;
		display: inline-block;
		}

.tbox150 	{
		width: 161px;
		margin: 0 auto;
		vertical-align: top;
		display: inline-block;
		}

.sboxtext, .sboxtext table { font-size: 14px; }

.sboxtext	{
		max-width: 550px;
		text-align: center;
		padding: 10px 33px 10px 33px;
		margin: 0 auto;
		vertical-align: top;
		display: inline-block;
		}

div#templatediv1, 
div#templatediv2, 
div#templatediv3, 
div#templatediv4, 
div#templatediv5, 
div#templatediv6, 
div#templatediv7, 
div#templatediv8, 
div#templatediv9, 
div#templatediv10, 
div#templatediv11, 
div#templatediv12 { display: none; }

.templatedetailsdiv 
		{
		color: #000000;
		font-size: 12px;
		font-weight: normal;
		margin: 0px;
		padding: 10px;
		width: 298px;
		overflow: auto;
		position: absolute;
		top: -55px; left: 0px;
		z-index: 110;
		background-color: #FFFFFF;
		border: #0066FF 1px solid;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
		}

.templatedetailsdiv b	{ color: #000000; }


/* TEMPLATE BOXES */

.sampledrop200x 	{
		background-image: url("../setup/picts/sample-shadow200x.gif");
		background-repeat: no-repeat;
		width: 211px;
		height: 211px;
		margin-top: 8px;
		}

.templatetitle	{ color: #000000; font-size: 14px; font-weight: 700; text-decoration: none; padding-bottom: 3px; }

.sample-border		{ left: 0px; position: relative; top: 0px; }

.sample-borderon	{ left: 3px; position: relative; top: 3px;  }

.detailsclose		{ float: right; border: #0099CC 1px solid; margin: 0px 0px 10px 30px; }

a:hover .detailsclose	{ border: #FF6600 1px solid; }

.pricediv	{ color: #9933FF; font-size: 14px; font-weight: 700; }

.typediv	{ color: #339999; font-size: 14px; font-weight: 700; }

.yeardiv	{ color: #3399FF; font-size: 18px; font-weight: 700; font-variant: small-caps; padding-top: 2px; }

.divimage	{ cursor: pointer; margin-bottom: 2px; }

.detailslayer	{ position: relative; z-index: 100; height: 1px; }

.dlleft150 .templatedetailsdiv    { left: 0px; }

.dlright150 .templatedetailsdiv    { left: -172px; }

.dlleft200 .templatedetailsdiv     { top: -65px; }

.dlright200 .templatedetailsdiv    { top: -65px; left: -120px; }

.dlcenter200 .templatedetailsdiv   { top: -65px; left: -60px; }

.dlwicon .templatedetailsdiv	   { top: -96px; }

.availwith	{ padding: 5px 0px 5px 0px; }

.contactN	{
		color: #FFFFFF;
		font: 400 16px "Roboto", arial, helvetica, sans-serif;
		display: block;
		cursor: pointer;
		text-align: center;
		padding: 10px 0px 10px 0px;
		margin: 5px auto 1px auto;
		background-color: #1680C9;
		border: #000000 0px solid;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}

.contactN:hover	{
		color: #FFFFFF;
		cursor: pointer;
		background-color: #159EFD;
		border: #000000 0px solid;
		}


.ordermargin	{ margin: 6px 0px 0px 0px; }

.newlist	{ margin: 0px; padding: 0px; }

.newlist li	{
		text-indent: 1px;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 3px 12px;
		list-style: none;
		background: url("../setup/picts/arrow-drop-bullet.gif") no-repeat 0 0px;
		}


/* NEW BUTTON */

.button-sp 	{ position: absolute; left: 119px; top: 25px; height: 65px; width: 65px; z-index: 99; }

.button-spr 	{ left: -27px; }

.button-img	{ height: 65px; width: 65px; }

.button-box	{ position: relative; }

.button-sp
	{
	opacity: 1.0;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
	}

.hovfade:hover > div:hover .button-sp
	{
	opacity: 0;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
	}


/* TOOLTIPS */

.tooltip {
	position: relative;
	display: inline-block;
	}

.tooltip .tooltiptext {
	font-size: 15px;
	visibility: hidden;
	width: 130px;
	background-color: #FFFFFF;
	color: #000000;
	border: #72878F 1px solid;
	text-align: center;
	padding: 8px 0px;
	border-radius: 6px;
	position: absolute;
	z-index: 10;
	top: 125%;
	left: 50%;
	margin-left: -65px;
	margin-top: 4px;
	opacity: 0;
	transition: opacity 0.5s;
	}


.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #72878F transparent;
	}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	}

.tooltip .tooltipLS	{ left: 0%; margin-left: 0px; }

.tooltip .tooltipLS::after { left: 15px; }


/***************
MQS 1030
***************/
@media handheld and (max-width: 1030px),
   screen and (max-device-width: 1030px),
   screen and (max-width: 1030px) 
	{


#logo-typeR	{ display: none; }


	}
/***************
END MQs 
***************/





/***************
MQS 990
***************/
@media handheld and (max-width: 990px),
   screen and (max-device-width: 990px),
   screen and (max-width: 990px) 
	{


.tlb-minL	{ width: 304px; }
.tlb-minC	{ width: 20px; }
.tlb-minR	{ width: 304px; }
.minithumb	{ max-width: 150px; }
.mininotes	{ font-size: 13px; }


	}
/***************
END MQs 
***************/





/***************
MQS 765
***************/
@media handheld and (max-width: 765px),
   screen and (max-device-width: 765px),
   screen and (max-width: 765px) 
	{


.out-content	{ padding: 0px 10px 0px 10px; }

.tbl-outer	{ display: block; margin-top: 20px; }
.tlb-row	{ display: block; margin: 0 auto; }
.tlb-cellL	{ display: block; margin: 0 auto; padding-bottom: 40px; }
.tlb-cellC	{ display: block; margin: 0 auto; padding-bottom: 40px; }
.tlb-cellR	{ display: block; margin: 0 auto; padding-bottom: 40px; }
.tlb-minC	{ padding-bottom: 1px; height: 1px; }

.tbl-outerSING	{
		display: block;
		margin-top: 20px;
		}
.tlb-rowSING	{ display: block; margin: 0 auto; }
.tlb-cellSINGL	{ display: block; margin: 0 auto; padding-bottom: 0px; }
.tlb-cellSINGR	{ display: block; margin: 0 auto; padding-bottom: 20px; padding-left: 0px; text-align: center; }




.sboxtext	{ padding: 10px 0px 10px 0px; }

.hover-details, .menu-navbox	{ display: none; }

.detailslayer .templatedetailsdiv,
.dlleft200 .templatedetailsdiv, 
.dlright200 .templatedetailsdiv, 
.dlcenter200 .templatedetailsdiv   { top: -65px; left: -56px; }

.dlleft150 .templatedetailsdiv,
.dlright150 .templatedetailsdiv    { left: -83px; }



	}
/***************
END MQs 
***************/