/* 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-div	{ margin-left: auto; margin-right: auto; }

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

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

.floatL		{ float: left; }

.cleardiv	{ clear: both; line-height: 1px; height: 1px; font-size: 1px; }



.out-content	{ padding-right: 0px; width: 98%; margin-left: 0; margin-right: auto; }

.footsp-L	{ width: 56px; }

.footsp-R	{ width: 25px; }

.img-borders	{ border: #000000 1px solid; }

.orderbutspace	{ width: 84px; }

.orderbutspace2	{ width: 72px; }

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

.tbox150	{ width: 161px; }

.tbox176 	{ width: 187px; }

.tbox200 	{ width: 211px; }

.tbox168	{ width: 179px; }

.whitespaceL	{ padding-left: 10px; }

.spacerN	{ line-height: 3px; height: 3px; font-size: 3px; }

.contactN	{
		color: #0066FF;
		font: bold 11px arial, helvetica, sans-serif;
		display: block;
		cursor: pointer;
		text-align: center;
		padding: 3px 0px 3px 0px;
		margin: 5px auto 1px auto;
		background-color: #E5F5FB;
		border: #0066FF 1px solid;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}

.contactNon	{
		color: #009BFF;
		font: bold 11px arial, helvetica, sans-serif;
		display: block;
		cursor: pointer;
		text-align: center;
		padding: 3px 0px 3px 0px;
		margin: 5px auto 1px auto;
		background-color: #F1FCFD;
		border: #009BFF 1px solid;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		}



.color1		{ color: #CC0000; font-weight: bold; }
.color2		{ color: #FF6600; font-weight: bold; }
.color3		{ color: #9933FF; font-weight: bold; }
.color4		{ color: #3333FF; font-weight: bold; }
.color5		{ color: #006699; font-weight: bold; }
.color6		{ color: #669933; font-weight: bold; }
.color7		{ color: #990000; font-weight: bold; }
.color8		{ color: #FF6600; font-weight: bold; }


@media print {
.printhide 	{ display:none; }
}

.specialbullit	{ list-style-image: url(picts/arrow-drop-bullet.gif); margin-top: 6px; }

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

.newlist li		{
			text-indent: 1px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 3px 12px;
			list-style: none;
			background: url(picts/arrow-drop-bullet.gif) no-repeat 0 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;
			background: url(picts/bullet.gif) no-repeat 0 0px;
			}

.nobreak	{ white-space: nowrap; }

.page-splits	{ border-top: #CCCCCC 1px solid; background-color: #FFFFFF; color: #FFFFFF; height: 2px; width: 500px; }


.addontable	{ border: #7397CD 1px solid; }

.addontableleft	{ border-right: #7397CD 1px solid; border-left: #7397CD 1px solid; }

.addontitle	{
		height:27px;
		color: #FFFFFF;
		font-family: arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		border-top: #7397CD 1px solid;
		border-right: #7397CD 1px solid;
		border-left: #7397CD 1px solid;
		background-color: #3268EC;
		background-image: url("picts/fieldset_title.gif");
		}

.sortborder	{ border: #CCCCCC 1px solid; }

.vertline	{ border-left: #CCCCCC 1px solid; }

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

.soundstitle	{ font-size: 14px; font-family: arial, sans-serif; font-weight: bold; color: #000000; }

.soundsbox	{ width: 575px; text-align: left; padding: 0px; margin: 0px auto 70px auto; }

.sndmain 	{ float: left; width: 430px; }

.sndmain-mini 	{ float: left; width: 216px; }

.sndmain-player	{ float: left; width: 163px; }

.sndsidebar 	{ float: left; width: 135px; vertical-align: top; margin-left: 10px; }



div#moredetailsarea 	{
			margin: 0px 0px 0px 0px;
			display: none;
			padding: 10px;
			z-index:4;
			width:100%;
			height:300px;
			border:1px solid #C0C0C0;
			overflow:auto;
			scrollbar-base-color: #C0C0C0;
			}

div#moredetailsareatop 	{
			margin: 0px 0px 0px 0px;
			display: none;
			padding: 10px;
			z-index:4;
			width: 470px;
			}

#locator, #locatorB	{
		width: 22px;
		height: 16px;
		margin-bottom: -16px;
		background: url(picts/nav_locator.gif) no-repeat top center;
		filter: alpha(opacity=35);
		-moz-opacity:.35;
		opacity:.35;
		}


/* TEMPLATE DETAILS DIV */

.templatedetailsdiv	{
			color: #000000;
			font-family: arial, sans-serif;
			font-size: 11px;
			font-weight: normal;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			z-index:4;
			width:100%;
			overflow: auto;
			scrollbar-base-color: #C0C0C0;
			border: 0px solid #C0C0C0;
			}

.pricediv		{ color: #9933FF; font-family: arial, sans-serif; font-size: 14px; font-weight: bold; }

.typediv		{ color: #339999; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; font-variant: small-caps; }

.yeardiv		{ color: #3399FF; font-family: arial, sans-serif; font-size: 13px; font-weight: bold; font-variant: small-caps; }

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

.divshowhide		{ cursor: pointer; }

.sitecontactmargin	{ margin: 7px 0px 2px 0px; }

div#templatediv1	{ display: none; }

div#templatediv2	{ display: none; }

div#templatediv3	{ display: none; }

div#templatediv4	{ display: none; }

div#templatediv5	{ display: none; }

div#templatediv6	{ display: none; }

div#templatediv7	{ display: none; }

div#templatediv8	{ display: none; }

div#templatediv9	{ display: none; }

div#templatediv10	{ display: none; }

div#templatediv11	{ display: none; }

div#templatediv12	{ display: none; }

div#templatedivDET	{ display: none; }

div#templatedivDET2	{ display: none; }

div#templatedivDET3	{ display: none; }


.colorF1	{ color: #D98702; font-size: 12px; font-weight: bold; }

.colorF2	{ color: #CC0026; font-size: 12px; font-weight: bold; }

.colorF3	{ color: #CC0082; font-size: 12px; font-weight: bold; }

.colorF4	{ color: #9F00CC; font-size: 12px; font-weight: bold; }

.colorF5	{ color: #0011FB; font-size: 12px; font-weight: bold; }

.colorF6	{ color: #009AFB; font-size: 12px; font-weight: bold; }

.colorF7	{ color: #000000; font-size: 13px; font-weight: bold; font-variant: small-caps; }

a.linelink:hover	{ color: #66CCFF; text-decoration: underline; }





.subtitle 	{ font: 13px arial, sans-serif; color: #000000; font-weight: bold; }


h1	 	{
		color: #000000;
		font-family: arial, sans-serif;
		font-size: 17px;
		font-weight: bold;
		margin: 0px 0px 1px 0px;
		}

h2		{
		color: #000000;
		font-family: arial, sans-serif;
		font-size: 15px;
		font-weight: bold;
		margin: 0px 0px 1px 0px;
		}


.mapstyle 	{
		-moz-border-radius: 5px;
		padding: 3px;
		width:525px;
		}

.mapstyle legend
		{
		border:1px solid #1D59EB;
		background-color: #FFFFFF;
		background-image: url("picts/field-title.gif");
		padding: 5px;
		}
.mapstyletitle 
		{
		color: #1D59EB;
		font: 15px arial, sans-serif;
		font-weight: bold;
		}


.title-shift	{ position: relative; top: 0px; left: -8px; }


 /* CODE FOR THE SIDEMENUS */

.sidemenulast	{ border-bottom: #1D59EB 1px solid; }

.sidemenutable	{ margin-top: 5px; margin-bottom: 5px; }

.sidemenu	{
		font-family: arial, helvetica, sans-serif;
		font-size: 8pt;
		height: 20px;
		width: 135px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 3px;
		padding-right: 10px;
		cursor:pointer;
		font-weight: normal;
		text-align: left;
		line-height: 15px;
		border-left: #FFFFFF 1px solid;
		border-right: #FFFFFF 1px solid;
		border-top: #1D59EB 1px solid; }


a.sidemenu:link 	{ color: #C0C0C0; }


a.sidemenu:visited 	{ color: #C0C0C0; }


a.sidemenu:active	{ color: #C0C0C0; }


a.sidemenu:hover 	{ background-color:#FFFFFF;
			color: #1D59EB;
			border-right: #1D59EB 1px solid;
			border-left: #1D59EB 1px solid;  }



/* DROP SHADOW */




.sampledrop 	{
		background-image: url("picts/sample-shadow.gif");
		background-repeat: no-repeat;
		width: 161px;
		height: 141px;
		margin-top: 5px;
		border: #000000 0px solid;
		}


.sampledrop176 	{
		background-image: url("picts/sample-shadow176.gif");
		background-repeat: no-repeat;
		width: 187px;
		height: 141px;
		margin-top: 5px;
		border: #000000 0px solid;
		}


.sampledrop150 	{
		background-image: url("picts/sample-shadow150.gif");
		background-repeat: no-repeat;
		width: 161px;
		height: 161px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledrop190 	{
		background-image: url("picts/sample-shadow190.gif");
		background-repeat: no-repeat;
		width: 161px;
		height: 201px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledrop200 	{
		background-image: url("picts/sample-shadow200.gif");
		background-repeat: no-repeat;
		width: 211px;
		height: 141px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledrop160H {
		background-image: url("picts/sample-shadow160H.gif");
		background-repeat: no-repeat;
		width: 161px;
		height: 171px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledropGAL	{
		width: 211px;
		height: 153px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledropshade 	{
		background-image: url("picts/sample-shadowshade.gif");
		background-repeat: no-repeat;
		width: 161px;
		height: 141px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledropmobi	{
		background-image: url("picts/sample-shadowmobi.gif");
		background-repeat: no-repeat;
		width: 179px;
		height: 186px;
		margin-top: 5px;
		border: #000000 0px solid;
		}

.sampledropmobif	{
		background-image: url("picts/sample-shadowmobif.gif");
		background-repeat: no-repeat;
		width: 179px;
		height: 186px;
		margin-top: 5px;
		border: #000000 0px solid;
		}



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

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




/* SMALL DROP SHADOW */




.sampledrop-sm 	{
		background-image: url("picts/sample-shadow-sm.gif");
		background-position: 0px 5px;
		background-repeat: no-repeat;
		width: 84px;
		height: 79px;
		padding-top: 5px;
		border: #000000 0px solid;
		}



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

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








.videocaption	{
		color: #FFFFFF;
		font: 10px arial, sans-serif;
		font-weight: bold;
		}

a.videocaptionL:link	{ color: #83F0D5; text-decoration: none; }

a.videocaptionL:visited	{ color: #83F0D5; text-decoration: none; }

a.videocaptionL:active	{ color: #83F0D5; text-decoration: none; }

a.videocaptionL:hover	{ color: #00CCFF; text-decoration: none; }


.charttitle	{
		font: bold 17px arial, helvetica, sans-serif;
		color: #FFFFFF;
		background-color: #0066CC;
		}

.chartsub	{
		font: bold 13px arial, helvetica, sans-serif;
		color: #0066CC;
		background-color: #F0F0F0;
		}

.charthilite	{ color: #FF6600; }

.chv		{ border-bottom: #99CCCC 1px solid; }

.chh		{ border-right: #99CCCC 1px solid; }

.chhl		{ border-left: #99CCCC 1px solid; }


/* INFO TABLE CODE */

table.extable
{
color:#000000;
background-color: #FAFAF6;
border:1px solid #8BB1CD;
border-collapse: collapse;
}

.extitle
{
color: #FFFFFF;
font-weight: bold;
background-color: #0085E6;
}

table.extable td 
{
border:1px solid #8BB1CD;
}







/***************
START Media Queries 
***************/



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

h1		{ font-size: 14pt; }

h2		{ font-size: 16px; }

.addontitle	{ font-size: 16px; }

.soundstitle	{ font-size: 16px; }

.templatedetailsdiv	{ font-size: 12px; }

.pricediv		{ font-size: 14px; }

.typediv		{ font-size: 13px; }

.yeardiv		{ font-size: 14px; }

.colorF1, .colorF2, .colorF3, .colorF4, .colorF5, .colorF6 { font-size: 13px; }

.colorF7	{ font-size: 13px; }

.subtitle 	{ font-size: 14px; }

.mapstyletitle	{ font-size: 16px; }

.sidemenu	{ font-size: 9pt; }

.videocaption	{ font-size: 11px; }

.charttitle	{ font-size: 18px; }

.chartsub	{ font-size: 14px; }

	}




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

h1 		{ font-size: 17pt; }

h2 		{ font-size: 16pt; }

.addontitle	{ font-size: 18px; }

.soundstitle	{ font-size: 17px; }

.templatedetailsdiv	{ font-size: 14px; }

.pricediv		{ font-size: 15px; }

.typediv		{ font-size: 14px; }

.yeardiv		{ font-size: 15px; }

.colorF1, .colorF2, .colorF3, .colorF4, .colorF5, .colorF6 { font-size: 14px; }

.colorF7	{ font-size: 15px; }

.subtitle 	{ font-size: 16px; }

.mapstyletitle	{ font-size: 17px; }

.sidemenu	{ font-size: 10pt; }

.videocaption	{ font-size: 12px; }

.charttitle	{ font-size: 19px; }

.chartsub	{ font-size: 15px; }

	}



/***************
END Media Queries 
***************/