*											{ margin: 0; padding: 0; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 13px }
body										{ height: 100%; background-color: #4a7caa }
a											{ color: #003580 }
a:hover										{ text-decoration: none; color: #5191cd}
img											{ border: 0; }

hr											{ clear: both; margin: 10px auto; height: 1px; width: 635px; color: #ddd; background-color: #ddd }
.bold										{font-weight:bold;}
.red										{color:red;font-weight:normal;}
.ita										{font-style:italic;}
div#header									{ height: 105px; background: #003580 url(../images/nav-bg.gif) 0 5px repeat-x }
div#mini-nav-wrapper						{ width: 900px; margin: 0 auto; position: relative; height: 21px; background: url(../images/mini-nav-right-bg.png) 100% 0 no-repeat transparent; }
div#mini-nav-wrapper ul						{ position: absolute; top: 0; right: 0; list-style-type: none; background: url(../images/mini-nav-left-bg.png) 0 0 no-repeat; height: 21px; margin-right: 12px; padding-left: 10px; }
div#mini-nav-wrapper ul li					{ display: inline; }
div#mini-nav-wrapper ul li a				{ color: #fff; text-decoration: none; text-transform: uppercase; line-height: 18px; padding: 0 10px; font-weight: bold }
/*
	<div id="logo"><a href="#"><img src="images/logo.gif" width="161" height="105" alt="HyTek Sports Software" /></a></div>
*/
div#nav-wrapper								{ width: 900px; margin: 0 auto; overflow: visible}

div#nav-wrapper div#logo					{ position: absolute; margin: 10px 0 0 0; }
div#nav-wrapper div#logo a img				{ border: 0; width:309px !important; height:45px !important; }

/* Logo */

#logo a {
	display: block;
	text-indent: -99999px;
	background: url(../images/ACTIVE-Hy-Tek-logo.png) no-repeat 0 0;
	width: 270px;
	height: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#logo a {
    background-image: url(../images/ACTIVE-Hy-Tek-logo_@2x.png);
    background-size: 270px 30px;
  }
}

#logo a:hover {
	outline: 0;
}


div#nav-wrapper ul							{ float: right; margin-top: -16px; list-style-type: none; }
div#nav-wrapper ul li						{ height: 100px; float: left; }
div#nav-wrapper ul li a						{ display: block; line-height: 100px; padding: 0 20px; background: url(../images/nav-elem-hover.gif) 0 100px repeat-x; text-decoration: none; color: #888; text-transform: uppercase;  text-shadow: 1px 1px 2px #fff }
div#nav-wrapper ul li a:hover,
div#nav-wrapper ul li a.hover				{ background-position: 0 0; }
div#nav-wrapper ul li a span				{ font-size: 16px; font-family: 'Arial Narrow', sans-serif; font-weight: bold; letter-spacing:-0.07em;/*font-stretch:condensed;*/}
div#nav-wrapper ul li a:hover span,
div#nav-wrapper ul li a.hover span			{ background: url(../images/arrow-indicator-up.gif) 50% 100% no-repeat; display: block; }

div#nav-wrapper ul li.active a				{ background: url(../images/nav-elem-active-right.gif) 100% 0 no-repeat; color: #fff; text-shadow: 1px 1px 2px #888}
div#nav-wrapper ul li.active				{ background: url(../images/nav-elem-active-left.gif) 0 0 no-repeat; }
div#nav-wrapper ul li.active a span			{ background: url(../images/arrow-indicator-up.gif) 50% 100% no-repeat; display: block;}

div#nav-wrapper ul li:hover div.subnav		{ display: block; }
div#nav-wrapper ul li div.subnav			{ position: absolute; display: none; margin-left: -2px; z-index: 99; padding-right: 14px; background: url(../images/sub-nav-right.png) 100% 100% no-repeat}
div#nav-wrapper ul li div.subnav ul li a	{ font-size: 11px }
div#nav-wrapper ul li div.list				{ background: url(../images/sub-nav-bottom.png) 0 100% no-repeat; padding-bottom: 15px; }

div#nav-wrapper ul li ul					{ float: none; margin-top: 0; background: url(../images/sub-nav-bg.png) 0 0 repeat-y; padding-top: 10px}
div#nav-wrapper ul li ul li					{ float: none; height: 20px; display: inline; }
div#nav-wrapper ul li ul li a				{ line-height: 20px; margin: 0 0 0 10px; padding: 0 10px; font-weight: bold; text-transform: none; background-color: #fff; display: block; color: #888 !important; text-shadow: none !important; }
div#nav-wrapper ul li.active ul li a		{ background-position: -100px 0}
div#nav-wrapper ul li ul li a:hover			{ background: none; background-color: #d9e1ec !important; text-shadow: none; color: #003580 }
div#nav-wrapper ul li ul li em			{ font-weight: normal }
div#content-wrapper							{ background: #eee url(../images/content-bg.png) 0 0 repeat-x } 
div#content									{ width: 900px; margin: 0 auto; font-weight: normal; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; background: #fff url(../images/fade-left.gif) 221px 0 repeat-y; overflow: auto; } 
div#nav-wrapper ul li ul 
li.current a								{ background-color: #003580 !important; color: #fff !important }

div#sidenav									{ width: 225px; float: left; }
div#sidenav ul								{ list-style-type: none; margin-bottom: 20px}
div#sidenav ul li							{ }
div#sidenav ul li.major						{ background: url(../images/side-nav-major.png) 0 0 no-repeat; }
div#sidenav ul li.major a					{ line-height: 60px; font-size: 22px; font-family: 'arial narrow','arial',tahoma,sans-serif; text-shadow: 1px 1px 2px #fff }


div#sidenav ul li a							{ padding: 10px 15px; display: block; /*line-height: 30px;*/ color: #888; text-decoration: none; /*text-transform: uppercase; */font-weight: bold; font-size: 11px }
div#sidenav ul li.major a					{ padding: 0 15px !important; } 
div#sidenav ul li a:hover					{ background: url(../images/side-nav-hover.png) 0 0 repeat-y }
div#sidenav ul li.active					{ background: url(../images/side-nav-active.png) 0 0 repeat-y; }
div#sidenav ul li.active a					{ background: url(../images/arrow-indicator-left.gif) 100% 50% no-repeat}

div#sidenav ul li a em						{ font-weight: normal !important; }

div#copy									{ width: 675px; float: right; }
div#store									{ }
div.store-back								{ background: #fff !important}
h1,h2										{ color: #003580; font-family: 'arial narrow','arial',tahoma,sans-serif; font-size: 22px; margin: 3px 20px 15px}
h2											{ font-size: 20px }
h3											{ color: #5191cd; font-family: 'arial narrow','arial',tahoma,sans-serif; font-size: 18px; margin: 10px 20px 5px }
h4											{ color: #003580; font-family: tahoma,verdana,sans-serif; font-size: 12px; margin: 10px 20px 5px }
h5											{ color: #5191cd; font-family: tahoma,verdana,sans-serif; font-size: 11px; margin: 15px 20px 10px }
h5 span										{ font-weight: normal; color: #666; display: block; }

div#copy p, div#store p						{ margin: 15px 20px; line-height: 22px; color: #444 }
div#copy ul, div#store ul					{ margin: 0 15px 0 15px; padding-left: 15px; list-style-type: none; }
div#copy ul li, div#store ul li				{ background: url(../images/arrow-indicator-copy.gif) 0 8px no-repeat; padding-left: 15px; color: #444; line-height: 22px; padding-bottom: 10px}
div#copy ol li								{ padding-left: 15px; color: #444; line-height: 22px; padding-bottom: 10px; padding-right: 20px; }
div#copy ol									{ margin-left: 40px;  }
div#copy ol li h4							{ margin-top: 0 !important}


div#breadcrumb								{ overflow: auto; margin: 10px 0 0 }
div#breadcrumb ul							{ list-style-type: square; margin-left: 10px !important; padding-left: 0 !important}
div#breadcrumb ul li						{ background: url(../images/arrow-indicator-bc.gif) 0 50% no-repeat; display: inline; padding: 0 5px 0 10px; font-size: 11px; }
div#breadcrumb ul li.first					{ background: none !important }
div#breadcrumb ul li a						{ color: #5191cd; text-decoration: none; font-size: 11px}
div#breadcrumb ul li a:hover				{ color: #003580 }
div#footer-wrapper							{ height: 200px; background: url(../images/footer-bg.gif) 0 0 repeat-x; }
div#footer									{ width: 900px; margin: 0 auto; position: relative; }

div#footer div.column						{ width: 172px; margin-right: 10px; float: left; }
div#footer div.span-2						{ width: 354px; }
div.span-12						            { width: 900px; clear: both; margin-left: auto; margin-right: auto;  }
div#footer div.last							{ margin-right: 0 }
div#footer div.column h5					{ font-family: 'arial narrow','arial',tahoma,sans-serif; font-size: 22px; margin-top: 15px; color: #9CBCDC; text-shadow: 1px 1px 2px #003580; margin-left: 0 !important }

div#footer div.column ul					{ list-style-type: none; }
div#footer div.column ul li					{ line-height: 20px; } 
div#footer div.column ul li a				{ font-family: 'lucida grande',tahoma,verdana,sans-serif; font-size: 11px; text-decoration: none; color: #fff }
div#footer div.column ul li a:hover, div.footer-copy a:hover			{ text-decoration: underline;  }
div#footer div.column p						{ font-size: 16px; color: #fff; text-shadow: 1px 1px 2px #003580; margin: 15px 10px 0 0; line-height: 24px; } 

div.footer-copy                             { font-size: 12px; padding: 15px 0 25px;}
div.footer-copy a                           { color: #fff; text-decoration: none; }

div.drop									{ background: url(../images/image-dropshadow.png) 100% 100% no-repeat; float: right; position: relative; margin: 0 20px 0 15px; }
div.drop img								{ margin: -3px 3px 3px -3px; padding: 5px 5px 25px; border: 1px solid #ccc; }
div.drop a:hover img						{ border: 1px solid #666 }
div.drop span								{ position: absolute; bottom: 10px; left: 5px; color: #444 }


ul.gallery									{ list-style-type: none; background: url('../images/gallery-bg.png') 0 0 repeat-x !important; overflow: auto; padding: 0 !important; margin: 0 15px !important; width: 100%; height: 100px; }
ul.gallery li								{ float: left; background: url(../images/image-dropshadow.png) 100% 100% no-repeat !important; padding: 0 !important; margin: 10px 5px 0 10px; position: relative; display: inline}
ul.gallery li img							{ margin: -3px 3px 3px -3px; padding: 5px; border: 1px solid #ccc; background-color: #fff; display: block; position: relative; }
ul.gallery li a								{ display: block; }
ul.gallery li a:hover img					{ border: 1px solid #666 }


div.scroll-wrapper							{ overflow: hidden; position: relative; height: 100px; margin: 0 20px }
div.scroll									{ position: absolute; overflow: hidden; }

/* shop */
div.tabs-wrapper .title						{ width: 199px; float: left !important; border: 1px solid #d9d9d9; border-right: none; background-color: #ffe599}
div.tabs-wrapper .title h4					{ margin-top: 30px; margin-bottom: 30px; font-size: 16px; }
div.tab-active-content .shop-online			{ float: right; margin-top: -20px; margin-right: -25px; }
/* tabs*/


div.tabs-wrapper							{ margin: 20px; overflow: auto; background: url(../images/tabs-content.png) 100% 100% no-repeat; height: 100%}
div.tabs-wrapper .tabs						{ width: 200px; float: left !important; }
div.tabs-wrapper .tabs .tab					{ display: block; border: 1px solid #d9d9d9; margin-bottom: -1px; position: relative; border-right: none; }
div.tabs-wrapper .tabs .tab a				{ padding: 15px; display: block; color: #666; cursor: pointer; }
div.tabs-wrapper .tabs .tab a.active		{ background-color: #ddd !important; font-weight: bold }
div.tabs-wrapper .tabs .tab a.first			{ background: url(../images/tabs-top-left.png) 0 0 no-repeat; margin: -1px 0 0 -1px; }
div.tabs-wrapper .tabs .tab a.last			{ background: url(../images/tabs-bottom-left.png) 0 100% no-repeat; margin: 0 0 -1px -1px; }
div.tabs-wrapper .tabs .tab a:hover			{ background-color: #ccc }
div.tabs-content-wrapper					{ width: 435px; float: right; background: url(../images/tabs-top-right.png) 100% 0 no-repeat; }
div.tabs-wrapper .tab-content,
div.tabs-wrapper .tab-active-content		{ padding: 15px; }

div.tabs-wrapper .horizontal				{ width: auto; display: block; float: none !important; overflow: auto; background-color: #fff; width: 100%}
div.tabs-wrapper .horizontal .tab			{ float: left; margin-bottom: 0 !important; border-bottom: none !important; }
div.tabs-wrapper .horizontal .tab a			{ padding: 15px 10px }
div.tabs-wrapper .horizontal .tab a.first	{ margin: -1px 0 0 -1px !important; padding-bottom: 16px; position: relative !important; }
div.tabs-wrapper .horizontal .tab a.last	{ background: url(../images/tabs-top-right-horizontal.png) 100% 0 no-repeat !important; margin: -1px 0 0 0 !important; padding-bottom: 16px; position: relative }
div.tabs-wrapper .horizontal .tab a:hover	{ background-color: #ccc !important }
div.tabs-wrapper .horizontal .tab a.active	{ background-color: #ddd !important; font-weight: bold }
div.tabs-wrapper .horizontal-content 
.tab-active-content							{ background: url(../images/tabs-content-top-right-horizontal.gif) 100% 0 no-repeat transparent !Important; display: block ;}

div.tabs-wrapper .tabs .tab a img.medal		{ position: absolute; left: 10px; top: 10px; }

div.tabs-wrapper .horizontal-content		{ float: none !important; display: block; background: none !important; width: 100%}
div.horizontal-container					{ background: url(../images/tabs-content-horizontal.png) 0 100% no-repeat !important; }
/*div.tab-active-content p					{ margin: 5px 10px !important }
div.tab-active-content ul					{ margin-left: 0px !important }
div.tab-active-content ul li				{ padding-bottom: 5px !important} */

/* call to action buttons */
div.cta-button								{ width: 191px; height: 66px; background: url(../images/cta/background.png) 0 0 no-repeat; margin: 5px auto 5px; }
div.cta-button a							{ display: block; width: 191px; height: 66px; background: url(../images/cta/sprite.gif) 0 0 no-repeat; }
div.cta-button a span						{ display: none; }
div.cta-highlight							{ background: url(../images/cta/background-alt.png) 0 0 no-repeat !important}

div#cta-learn-more a						{ background-position: 0 0 }
div#cta-learn-more a:hover					{ background-position: 0 -66px }
div#cta-online-store a						{ background-position: -191px 0 }
div#cta-online-store a:hover				{ background-position: -191px -66px }
div#cta-download-demo a						{ background-position: -382px 0 }
div#cta-download-demo a:hover				{ background-position: -382px -66px }
div#cta-support a							{ background-position: -573px 0 }
div#cta-support a:hover						{ background-position: -573px -66px }
div#cta-contact a							{ background-position: -764px 0 }
div#cta-contact a:hover						{ background-position: -764px -66px }



div.form									{ }
div.form label								{ width: 200px; display: inline-block }
div.form input,
div.form textarea,
div.form select								{ font-size: 13px; margin: 5px; border: 1px solid #bbb; padding: 3px; width: 200px; }
div.form select								{ width: 208px; }
div.form select
option										{ margin: 0 3px; font-size: 13px; }
div.form 
input#phone									{ width: 127px !important; }
div.form
input#ext									{ width: 30px !important}
div.form div.row							{ margin: 0 0 0 20px; padding: 4px 0;  }
div.error									{ color: #c00; width: 210px; display: inline; margin: 10px 0 0; padding-left: 10px; font-size: 11px; }
input.error									{ border-color: #c00 !important }
select.error								{ border-color: #c00 !important }

div#extension-label							{ display: inline-block; width: 25px; *display: inline;}

div.columns									{ width: 675px; overflow-y: auto }
div.column									{ width: 300px; float: left; margin-right: 25px }



div.pt-wrapper div.page-tabs				{ margin: 0 20px; border-bottom: 1px solid #ddd; overflow: auto; display: block;}
div.pt-header								{ float: left; }
div.pt-header a								{ display: block; padding: 15px; border-top: 3px solid #bbb}

div.pt-wrapper div.pt-header				{ background-color: #eee}
div.pt-wrapper div.pt-header a				{ cursor: pointer; color: #666; }
div.pt-wrapper div.pt-header a:hover		{ background-color: #ccc }
div.pt-wrapper div.pt-header a.active		{ background: url(../images/arrow-indicator-up.gif) 50% 100% no-repeat #ddd; font-weight: bold; border-color: #003580 }

div.pt-wrapper h4							{ margin-top: 20px; }



.no-arrow-list {background:none!important;}


.content-container {
	width: 900px;
	margin: 0 auto;
	position: relative;
}


/* Hytek Homepage */

	#hy-tek-homepage .slide {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 590px !important;
    position: relative;
    width: 100%;
	}
	
	#hy-tek-homepage .container {
	width:900px;
	margin: 0 auto;
	overflow:auto;	
	}
	
	#hy-tek-homepage .carousel-content  {
	margin-top:120px;
	}
	
	#hy-tek-homepage .carousel-content h1 {
	font-size:40px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#fff;
	font-weight:100;
	letter-spacing:0.02em;
	margin: 3px 20px 15px 0px;
	text-transform: uppercase;
	}

	#hy-tek-homepage .carousel-content a {
		color: white;
		text-decoration: none;
	}

	#hy-tek-homepage .carousel-content a:hover > h1 {
		color: #F6A704;
	}
	
	#hy-tek-homepage .h1 {
	font-size:34px;
	font-weight:100;
	text-align:center;
	margin: 60px auto 15px;
	color:#444;
	}
	
	#hy-tek-homepage .h2 {
	font-size:30px;
	color: #444;
	font-weight:100;
	text-align:left;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	}
	
	#hy-tek-homepage .intro-text {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:18px;
	text-align:center;
	letter-spacing:0.02em;
	color:#444;
	}
	
	#hy-tek-homepage #sliders-bucket {
	margin: 40px 0;
	}
	#hy-tek-homepage #sliders-bucket a {
	text-decoration:none;
	}
	#hy-tek-homepage .slide-block {
	width:449px;
	float:left;
	min-height:0;
	}
	#hy-tek-homepage .slide-block2, #hy-tek-homepage .slide-block4 {
	margin-left:2px;
	}
	#hy-tek-homepage .slide-block3, #hy-tek-homepage .slide-block4 {
	margin-top:2px;
	margin-bottom:40px;
	}
	#hy-tek-homepage #features-image-swim-team {
	background-image:url(../images/homepage/swimteam-bucket.jpg);
	height:354px;
	}
	#hy-tek-homepage #features-image-track-team {
	background-image:url(../images/homepage/trackteam-bucket.jpg);
	height:354px;
	}
	#hy-tek-homepage #features-image-swim-meet {
	background-image:url(../images/homepage/swimmeet-bucket.jpg);
	height:354px;
	}
	#hy-tek-homepage #features-image-track-meet {
	background-image:url(../images/homepage/trackmeet-bucket.jpg);
	height:354px;
	}
	#hy-tek-homepage .features-image-container {
	overflow:hidden;
	}
	#hy-tek-homepage .features-slideup-content {
	background-color: rgba(255, 255, 255, 0.85);
	position:relative;
	height:354px;
	transition: top 0.3s ease 0s, color 0.3s ease 0s, background-color 0.3s ease 0s;
	padding-top:1px;
	top:281px;
	letter-spacing:0.02em;
	}
	#hy-tek-homepage .features-slideup-content h3 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight:100;
	margin: 10px 20px 0; 
	color:#444;
	font-size:24px;	
	}
	#hy-tek-homepage .features-slideup-content header p {
	margin-left:20px;
	font-size:16px;	
	color:#444;
	}
	#hy-tek-homepage .features-slideup-body {
	margin-left:20px;
	padding-right:10px;
	}
	#hy-tek-homepage .features-slideup-body p {
	font-size:18px;
	margin-top:20px;
	line-height:30px;
	}
	#hy-tek-homepage .features-slideup-body a {
    color:#fff;
	font-size:18px;
	line-height:30px;
	}
	#hy-tek-homepage .features-slideup-body a:hover {
    color:#000;
	}
	
	#hy-tek-homepage .collumn-282-width {
	width:282px;
	float:left;	
	}
	#hy-tek-homepage .collumn-282-width img {
	max-width:282px;
	}
	#hy-tek-homepage .collumn-282-width p {
	font-size:14px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	line-height:21px;
	}
	#hy-tek-homepage .collumn-282-width a {
	font-size:14px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	}
	#hy-tek-homepage .collumn-282-width a h2:hover {
	color:#5191ed;
	}
 	#hy-tek-homepage .margin-left-22px {
	margin-left:22px;
	}
 	#hy-tek-homepage .margin-bottom-10 {
	margin-bottom:10px;	
	}
	#hy-tek-homepage .margin-left-20 {
	margin-left:20px;	
	}
	#hy-tek-homepage .footer-add-on {
	width:100%;		
	background:#eee;
	height:130px;
	}
	#hy-tek-homepage .footer-add-on-content {
	margin-left:50px;
	width:800px;
	margin-top:25px;
	}
	#hy-tek-homepage .footer-add-on-content .small {
	font-size:0.9em;
	max-width:500px;
	float:left;
	margin-top:20px;
	line-height:21px;
	color:#444;
	}
	#hy-tek-homepage .homepage-logo {
	width:80px;
	float:left;
	margin-left:50px;
	}



/* CYCLE PAGER */

.cycle-pager {
	position: relative;
	z-index: 9999;
	width: 900px;
	margin: 0 auto;
	top: -110px !important;
}

.cycle-pager span {

    display: inline-block;
    width: 20px;
    height: 6px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: #E9EDF0;
    background-image: -moz-linear-gradient(center top , #E9EDF0, #E9EDF0);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
       display: inline-block;
    width: 20px;
    height: 6px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: #4DBBDC;
    background-image: -moz-linear-gradient(center top , #59BFDC, #3BB5DD);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 3px;
}
}