@charset "utf-8";
/* 
CSS Document 
Generated with http://www.responsivewebcss.com/
*/

/*.table {
	width:100%;
	border:1px solid black;
	background-color:#FFFFCC;
}
.table .row-header {
	font-weight:bold;
}
.table .row-header .column {
	float:left;
	padding:5px;
}*/

@font-face {
	font-family: helveticai;
	src: url('font/helveticai.php');
}

.light-green {color:#AFC762;}
.dark-green {color:#00A79E;}
.medium-blue {color:#0D8DCA;}
.facebook-blue {color:#3B5998;}
.darkred {color:#990000;}
.blue { color:#4C93BD; !important}
.orange { color:#CC6600; !important }


.twitter-blue {color:#3AAAE1;}
#tickets .twitter-blue {
	font-size:30px !important;
	font-weight:normal !important;
	letter-spacing:2px;
}


body {/*lightblue #f2f2f2*/
	/*background-color:#E6F7FF; */
	background-image:url(../web_pics/bg3.jpg);
	background-repeat:repeat;
	font: .9em/150% Calibri, Consolas, "Arial Narrow";	/*"omnes-pro"*/
}
pre {
	font-family:Calibri, Consolas, "Arial Narrow";	
}
p {
	margin: 0 0 1em;
}

h1, h2, h3, h4 {
	color:#990000;
}

h1 {
/*	font: 1.7em;*/
	line-height: 110%;
	font-weight:normal;
	letter-spacing:1px;
	font-weight:normal; 
	font-size:36px; 
}
h2 {
	letter-spacing:1px;
	font-weight:normal; 
	font-size:30px; 
}
h3 {
	font-size: 1.5em;
	line-height: 120%;
	margin: 30px 0 20px;
	padding-top: 20px;
	border-top: double 3px #eee;
	letter-spacing:1px;
	font-weight:normal;
}
h4 {
	font-size: 1.2em;
	line-height: 120%;
	margin: 10px 0 10px;
	text-transform: uppercase;
	letter-spacing:1px;
}

.margin-top {
	 margin-top:20px;
}

.table {
	display:table;
	width:100%;
	margin-top:10px;
	border:1px solid #999;	
	border-right:none;
	border-bottom:none;
}
.table .row-header {
	display:table-row; 
	width:100%;
	font-weight:bold;
	padding:2px;
	border:1px solid #999;	
	background-color:#FFFFCC;
}
.table .row {
	display:table-row; 
	width:100%;
	padding:2px;
	padding-top:5px;
	background-color:#FFFFFF;
}
.table .row-header .cell,
.table .row .cell {
	display:table-cell; 
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:middle;
}
.cell-header {
	display:table-cell;
	padding:5px;
	font-weight:bold;
	background:none !important;
	color:#4C93BD;
}
.cell a {
	text-decoration:none;
}

div[contenteditable] {
    border: 1px solid black;
    max-height: 200px;
    overflow: auto;
}

.colspan-text-wrapper {
	width:100%;
	display:table;
}
.colspan-text-wrapper .row {
	display:table-row;
}
.colspan-text-wrapper .row .cell {
	display:table-cell;
}

.link {
	font-weight:bold;
}


.google-maps {
	position: relative;
	padding-bottom: 300px; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.button_support {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #00469E;
	border: 1px solid #D1DEEF;
	cursor: hand;
	background-color: #D1DEEF;
}
.button_print {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #00469E;
	border: 1px solid white;
	cursor: hand;
}

/* nav */
.nav {
	position: relative;
	margin: 10px 8px 0;
}
.nav ul {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: #FFF;
	line-height: 100%;
}
.nav a:hover {
	color: #000;
}
.nav .current a {
	background: #333;
	color: #fff;
	border-radius: 5px;
}

.contact_block {
	border:1px solid black; 
	border-radius: 8px; 
	background-color:#f2f2f2; 
	color:#000; 
	padding:10px;
	width:50%;
	margin-top:10px;
}

@media screen and (max-width: 768px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(../web_pics/icon-menu.png) no-repeat 10px 7px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 3px 3px 3px 32px;
		text-align: left;
		color:#999999;
	}
	.nav .current a {
		background: none;
		color: black;
		font-weight:bold;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
		background: url(../web_pics/icon-check.png) no-repeat 10px 3px;
	}

	/* right nav */
	.nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
	
}

#right-menu h4 {
	border-left:3px solid #333;
	padding-left:5px;
	background-color:#D1AE2E;
	color:#FFFFFF;
}


/* relative padding */
.relative-padding {
	background: #eee;
	border: solid 1px #ddd;
	padding: 10px 15px;
}

/* relative padding */
.footer-padding {
	padding:10px; 
	vertical-align:top;
}

.image-gallery-container {
	margin: 10 auto;
	max-width: 1000px;
	width: 99%;
}


/* error message block*/
.error-message, 
.error-message h4, 
.error-message a {
	color:#FF0000;
}
.error-message .error-text-block p {
	background-color:#FFEAEA; /*lightpink*/
	border: solid 1px #ddd;
	padding: 10px 15px;
}

/* warning message block*/
.warning-message, 
.warning-message h4, 
.warning-message a {
	color:#CC6600;
}
.warning-message .warning-text-block p {
	background-color:#FFFFCC;
	border: solid 1px #ddd;
	padding: 5px 10px;
	/*background-image:url(../web_pics/warning.png);
	background-position:left middle;
	background-repeat:no-repeat;*/
}

/* success message block*/
.success-message, 
.success-message h4, 
.success-message a {
	color:#006633;
}
.success-message .success-text-block p {
	background-color:#E6FFE6;
	border: solid 1px #ddd;
	padding: 10px 15px;
}

/*default links*/
a {
	color:#000;
}
a:hover { 
	/*font-weight:bold;*/
	color:#999;
}

a .blue {
	color:#4C93BD;
	font-weight:bold;
}

/************************************************************************************
OVERFLOW:HIDDEN TRICK
*************************************************************************************/
.product-column-blocks, 
.product-blocks {
	overflow: hidden; /* this will clear the float from .item */
	border:1px dotted #777777;
	padding-left: 1%;
	padding-top:1%;
	background-color:#CCCCCC;
}

.product-column-blocks .item {
	float:left; 
	width: 49%;
	margin-right: 1%;
}

.product-blocks .item {
	width: 99%;
	margin-right: 1%;
}

.product-column-blocks .item img,
.product-blocks .item img  {
	float: left;
	margin-right: 5%;
	margin-bottom: 2%;
	border:1px solid #FFF;
	background-color:#777;
	/*min-height:70px;*/
	width:auto;
	color:#FFFFFF;
}


/*.product-column-blocks .item .image-clear img  {
	background:none; !important
	border:none; !important
}*/

@media screen and (max-width: 400px) {
	.product-column-blocks .item img {
		display:none;
	}
}

@media screen and (max-width: 768px) {
	.product-column-blocks .item {
		width: 100%;
	}
}

.product-column-blocks .item .content,
.product-blocks .item .content {
	overflow: hidden; /* this will clear the float from .item img */
	min-width: 200px;
	border:1px solid #999;
	border-radius:5px;
	padding:20px;
	margin-bottom:10px;
	word-wrap: break-word;
	background-color:#FFF;
}

.product-column-blocks h4,
.product-blocks h4 {
	font-size: 20px;
	font-weight:normal;
	margin: 0 0 5px;
	padding: 0;
	color: #4C93BD;
	font-family:"Berlin Sans FB", Calibri;
	text-transform: none;
}

input[type="button"],
input[type="reset"], 
input[type="submit"] {
	color:#FFFFFF;
	background: #4C93BD;
	border: solid 2px #fff;
	border-radius:8px;
	font-size: 12px;
	padding:8px;
}

input[type="reset"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover { 
	background:#333; 
	color:#fff; 
	cursor:pointer;
}

input[type="text"],
input[type="password"],
select,
textarea   {
	color:#666;
	background:#FFFFCC;
	border: solid 1px #ddd;
	border-radius:5px;
	font-size: 13px;
	padding:8px;
	padding-left:25px;
	background-repeat:no-repeat;
}

input[type="text"],
input[type="password"],
select {
	background-position: left;
}

input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover,  input[type="password"]:focus,
textarea:hover, textarea:focus   {
	color:#000;
	background:#fff;
	background-repeat:no-repeat;
	background-position: left;
}

textarea, textarea:hover, textarea:focus {background-position: top left; !important}

select {padding-left:5px; padding-right:5px; background-color:#eee; }
select:hover { cursor:pointer;}

legend {
	color:#4C93BD;
	font-weight:bold;
	text-transform:uppercase;
}
fieldset {
	border:1px solid #999;
}

.form {
	 width:90%; 
	 background-color:#FFFFFF; 
	 padding:20px; 
	 margin-bottom:15px; 
	 border:1px dotted #999; 
	 border-radius:8px;
}

/* Sign In screen */
.columns {
	width: 100%;
	
}
.columns .item {
	float:left; 
	width: 32.33333%;
	margin-right: 1%;
	margin-bottom:10px;
}
.columns .item .content {
	padding:3%;
	border:1px dotted #999; 
	border-radius:8px;
	min-height:130px;
	background-color:#F2FBFF;
	/*background-image:url(../web_pics/section_bg2.png); 
	background-position: center top;
	background-repeat:no-repeat;*/
}
.columns .item .content .button form input[type="submit"] {
	width:100%;
	font-weight:bold;
	cursor:pointer;
}
.columns .item .content p {
	padding:3%;
	text-align:center;
}

/* form */
/*input[type="text"], textarea {
	background: #eee;
	border: solid 1px #ddd;
}
input[type="text"] {
	width: 400px;
	min-width: 140px;
	max-width: 40%;
	margin-right: 10px;
}
textarea {
	width: 96%;
	height: 180px;
}*/

#mainMenu2 {
	background-color:#777777;
	padding:10px;
}

#mainMenu a:link, 
#mainMenu a:visited { 
	color:#FFF;
	background-color:#777777;
	text-decoration:none;
	padding:8px;
	border:1px solid #999999;
} 
 
#mainMenu a:active,
#mainMenu a:hover {
	color:#000;
	background-color:#EBE9E1;
	border-top:5px solid darkorange;
	padding:8px;
}

#mainMenu .active {
	color:#000;
	background-color:#EBE9E1;
	border-top:5px solid darkorange;
	padding:8px;
}

#tinyMenu {
	width:100%; 
	font:Calibri, Consolas, 'Arial Narrow'; 
	font-size:12px; 
	font-weight:bold;
	padding:2px;
}
#tinyMenu a:link,
#tinyMenu a:visited,
#tinyMenu a:active {
	color:#333;
	text-decoration:none;
}
#tinyMenu a:hover {
	/*text-decoration:underline;*/
	color:#999;
}

.form-input {
	width:90%; 
	min-width:60px; 
}
.form-input-desc{
	font-weight:bold;
	margin-top:15px;	
}

.image-wrapper img{
	max-width:100% !important;
    height:auto;
    display:block;
	max-width:100px;
	max-height:100px;
}

/*img {
	opacity:1.0;
	filter:alpha(opacity=100); 
}
img:hover  {
	opacity:0.4;
	filter:alpha(opacity=40);
}*/

.word-wrap {
	word-wrap: break-word;
}

.box {
	float: left;
}
#root { max-width: 1100px; margin: 0 auto; width:99%; }

#box3 { width: 100%; }

#hsl_header { width: 100%; background-color:#FFFFFF; border:1px solid gray; border-bottom:none; }
	#hsl_logo { width: 35%;}
	#hsl_tinyMenu { width: 65%; }
		#tinyLoginForm { width: 65%; }
		#tinyDownloadIcons { width:30%; text-align:right; padding-top:10px; }
	
	#hsl_menu { width: 100%; /*padding-top:20px; */background-color:#999; }
		#hsl_mainMenu { width: 90%;}
		#hsl_search { width: 10%;  }

#hsl_body { width: 100%; border-left:1px solid gray; border-right:1px solid gray; background-color:#FFFFFF; }
	#hsl_main { width: 80%; background-color:#FFFFFF; }
	#hsl_rightMenu { width: 20%; background-color:#FFFFFF; }

#hsl_bottom { width: 100%; border:1px solid gray; border-top:none; background-color:#1C394A; }
	#hsl_col1 { width: 20%;  }
	#hsl_col2 { width: 20%;  }
	#hsl_col3 { width: 50%; }
	#hsl_col4 { width: 10%; }
	
	#hsl_footer { 
		width: 100%; 
		background-color:#777777; 
		color:#FFFFFF;
		font-size:11px;
	}

<!--Contact Us-->
#contact-addressphonefax-wrapper {width:100%;}
	#contact-address-wrapper {width:40%; }
		#contact-address-image {width:30%;}
		#contact-address-text {width:70%;}
		
	#contact-phone-wrapper {width:30%;}
		#contact-phone-image {width:30%;}
		#contact-phone-text {width:70%;}
	#contact-fax-wrapper {width:30%;}
		#contact-fax-image {width:30%;}
		#contact-fax-text {width:70%;}

	#contact-email-wrapper {width:100%;}
		#contact-empty-wrapper {width:20%;}
		#contact-emailsupport-wrapper {width:40%;}
		#contact-emailsales-wrapper {width:40%;}
		
	#contact-form-wrapper { width: 65% }
	#contact-map-wrapper { width: 35% }

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	body {
		/*background-color:#DFFEDA; lightgreen;*/
	}	
	#box3 { width: 100%; }
	
	#hsl_header { width: 100%; }
		#hsl_logo { width: 35%;}
		#hsl_tinyMenu { width: 65%; }
		
		#hsl_menu { width: 100%; }
			#hsl_mainMenu { width: 90%; }
			#hsl_search { width: 10%; }
	
	#hsl_body { width: 100%; }
		#hsl_main { width: 80%; }
		#hsl_rightMenu { width: 20%; }
	
	#hsl_bottom { width: 100%; }
		#hsl_col1 { width: 30%;  }
		#hsl_col2 { width: 30%;  }
		#hsl_col3 { width: 30%; }
		#hsl_col4 { width: 10%; }
		#hsl_footer { width: 100%; }
		
	#contact-form-wrapper { width: 100% }
	#contact-map-wrapper { display:none;}		
}

/* Tablet Portrait  (bigger) (768px) */
@media only screen and (min-width: 321px) and (max-width: 768px) and (orientation: portrait) {
	body {
		/*background-color:#EBE1FF; lightpurple*/
	}
	#box3 { width: 100%; }
	
	#hsl_header { width: 100%; }
		#hsl_logo { width: 100%;}
		#hsl_tinyMenu { width: 100%; }
		
		#hsl_menu { width: 100%; }
			#hsl_mainMenu { width: 90%; }
			#hsl_search { width: 10%; }
	
	#hsl_body { width: 100%; }
		#hsl_main { width: 100%; }
		#hsl_rightMenu { width: 100%; display:none; }
	
	#hsl_bottom { width: 100%; }
		#hsl_col1 { width: 50%;  }
		#hsl_col2 { width: 50%;  }
		#hsl_col3 { width: 50%; }
		#hsl_col4 { width: 50%; }
		#hsl_footer { width: 100%; }

	#contact-address-wrapper {width:100%; }
		#contact-address-image {width:10%;}
		#contact-address-text {width:90%;}
	#contact-phone-wrapper {width:100%;}
		#contact-phone-image {width:30%;}
		#contact-phone-text {width:70%;}
	#contact-fax-wrapper {width:100%;}
		#contact-fax-image {width:30%;}
		#contact-fax-text {width:70%;}
	#contact-email-wrapper {width:100%;}
		#contact-emailsupport-wrapper {width:100%;}
		#contact-emailsales-wrapper {width:100%;}			

	#contact-form-wrapper { width: 100% }
	#contact-map-wrapper { display:none;}				
}

/* Tablet Portrait (smaller) */
@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
	body {
		/*background-color:#E6F7FF; lightblue;*/
	}
	#box3 { width: 100%; }
	
	#hsl_header { width: 100%; }
		#hsl_logo { width: 50%;}
		#hsl_tinyMenu { width: 50%; }
		
		#hsl_menu { width: 100%; }
			#hsl_mainMenu { width: 90%; }
			#hsl_search { width: 10%; }
	
	#hsl_body { width: 100%; }
		#hsl_main { width: 100%; }
		#hsl_rightMenu { width: 100%;  display:none; }
	
	#hsl_bottom { width: 100%; }
		#hsl_col1 { width: 30%;  }
		#hsl_col2 { width: 30%;  }
		#hsl_col3 { width: 30%; }
		#hsl_col4 { width: 10%; }
		#hsl_footer { width: 100%; }
		
	#contact-form-wrapper { width: 100% }
	#contact-map-wrapper { display:none;}				
}


/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	body {
		/*background-color:#FF66FF; pink*/
	}	
	#box3 { width: 100%; }
	
	#hsl_header { width: 100%; }
		#hsl_logo { width: 100%; }
		#hsl_tinyMenu { width: 100%; }
				
		#hsl_menu { width: 100%; }
			#hsl_mainMenu { width: 100%; }
			#hsl_search { width: 100%; }
	
	#hsl_body { width: 100%; }
		#hsl_main { width: 100%; }
		#hsl_rightMenu { width: 100%;  display:none; }
	
	#hsl_bottom { width: 100%; }
		#hsl_col1 { width: 30%;  }
		#hsl_col2 { width: 30%;  }
		#hsl_col3 { width: 30%; }
		#hsl_col4 { width: 10%; }
		
		#hsl_footer { width: 100%; }

	<!--Contact Us-->
		#contact-email-wrapper {width:100%;}
			#contact-emailsupport-wrapper {width:100%;}
			#contact-emailsales-wrapper {width:100%;}
			
	#contact-form-wrapper { width: 100% }
	#contact-map-wrapper { display:none;}					
		
}

/* Phone Portrait (320px) iPnone4 */
@media only screen and (max-width: 320px) {
	body {
		/*background-color:lightyellow;*/
	}		
	#box3 { width: 100%; }
	
	#hsl_header { width: 100%; }
		#hsl_logo { width: 100%; }
		#hsl_tinyMenu { width: 100%;}
			#tinyLoginForm { width: 100%; }
			#tinyDownloadIcons { width:100%;}
					
		#hsl_menu { width: 100%; }
			#hsl_mainMenu { width: 100%; }
			#hsl_search { width: 100%; }
	
	#hsl_body { width: 100%; }
		#hsl_main { width: 100%; }
		#hsl_rightMenu { width: 100%;  display:none; }
	
	#hsl_bottom { width: 100%; }
		#hsl_col1 { width: 100%; }
		#hsl_col2 { width: 100%; }
		#hsl_col3 { width: 100%; }
		#hsl_col4 { width: 100%; }
		
		#hsl_footer { width: 100%; }
	
	<!--Contact Us-->
	#contact-addressphonefax-wrapper {width:100%;}
		#contact-address-wrapper {width:100%; }
			#contact-address-image {width:10%;}
			#contact-address-text {width:90%;}
			
		#contact-phone-wrapper {width:100%;}
			#contact-phone-image {width:30%;}
			#contact-phone-text {width:70%;}
		#contact-fax-wrapper {width:100%;}
			#contact-fax-image {width:30%;}
			#contact-fax-text {width:70%;}
	
		#contact-email-wrapper {width:100%;}
			#contact-emailsupport-wrapper {width:100%;}
			#contact-emailsales-wrapper {width:100%;}	

		h1 {font-size: 1.5em; !important}
		h2 {font-size: 1.2em; !important}
		h3 {font-size: 1.1em; !important}
		h4 {font-size: 1.0em; !important}
		
	#contact-form-wrapper { width: 100% }
	#contact-map-wrapper { display:none;}				
}