@charset "utf-8";
/* 
Website: www.navistick.com
Created By: Daniel Schafer Designs - www.danielschafer.com
Created Date: 6/14/2010
Modified By: Daniel Schafer Designs - www.danielschafer.com
Modified Date: 10/1/2012
*/

html{width:100%;height:100%;background-color:#D1E2F9;}
body{padding: 0px;margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:15px;font-weight:normal;text-align:left;color:#333;}

div.body-spacer{height:15px;clear:both;}
div.content-spacer{height:5px;clear:both;}
img{border:none;}

h1{font-size:22px;font-weight:bold;color:#FFAD00; margin:0 0 10px 0;}
h2{font-size:18px;font-weight:bold;color:#FFAD00; margin:0 0 10px 0;}
h3{font-size:14px;font-weight:bold;color:#FFAD00; margin:0 0 10px 0;}

div#body-container{width:725px;margin:auto;}

/* Top Navigation Bar */
div#top-navigation{width:725px; height:65px; clear:both;}
div#top-navigation div#nav-logo{float:left;width:250px; height:53px; margin-top:5px;}
div#top-navigation div#nav-items{float:left;width:475px; height:25px;}

#nav-items ul{padding-left: 0;margin-left: 0;background-color:#D1E2F9;color:#007EC2;float: left;width: 100%;font-weight:bold; font-size:13px;}
#nav-items ul li { display: inline; }
#nav-items ul li.first { padding: 7px 25px 7px 25px;background-color:#D1E2F9;float: left; }
#nav-items ul li.last { padding: 7px 20px 7px 20px;background-color: #D1E2F9;float: left; }
#nav-items ul li a.normal{padding: 7px 20px 7px 20px;background-color: #D1E2F9;color: #007EC2;text-decoration: none;float: left;border-right: 1px solid #fff;}
#nav-items ul li a.last{padding: 7px 20px 7px 20px;background-color: #D1E2F9;color: #007EC2;text-decoration: none;float: left;}
#nav-items ul li a.active{padding: 7px 20px 7px 20px;background-color: #FFAD00;color: #fff;text-decoration: none;float: left;}
#nav-items ul li a:hover{background-color: #FFAD00;color: #fff;}

/* Social Container */
div#social-container{position:absolute; width:100px; height:300px; left:726px; top:-1px;}
div#social-container .item{padding:10px; border-bottom:1px solid #007EC2; text-align:center;}
div#social-container div#group{position:fixed; width:90px; background-color:#C0D5F6; border-top:1px solid #007EC2; border-right:1px solid #007EC2;}

/* Content Container */
div#content-container{width:725px; clear:both; background-color:#FFF; border:1px solid #007EC2;position:relative;}
div#content-container div.content-padding{padding:25px;}

div#content-container-shadow{width:725px; height:15px; clear:both; background:url('../_img/container-shadow-bottom-ltblue.jpg'); background-repeat:no-repeat;background-position:top center;}

/* Home Product */
div.home-product-padding{padding:10px;}
div.home-product-header{clear:both; background-color:#FFF; border:1px solid #007EC2;}
div.home-product-details{clear:both; height:175px; background-color:#007EC2; color:#FFF;}
div.home-product-details h2{font-size:16px;font-weight:bold;color:#FFF; margin:0 0 10px 0;}
div.home-product-details a{color:#FFF; text-decoration:underline;}
div.home-product-details a:hover{color:#FFF;text-decoration:underline;}
div.home-product-details img {padding:5px;}
div.home-product-details ul {margin: 0 0 15px -10px;}

div.rotating-photos{ float:right; width:84px; height:100px; overflow:hidden;}
div.rotating-photos-2nd{ float:right; width:250px; height:140px; overflow:hidden;}

/* Buy */
div.buy-product-padding{padding:10px;}
div.buy-product-header{clear:both; background-color:#FFF; border:1px solid #007EC2;}
div.buy-product-details{clear:both; height:175px; background-color:#007EC2; color:#FFF;}
div.buy-product-details h2{font-size:16px;font-weight:bold;color:#FFF; margin:0 0 10px 0;}
div.buy-product-details a{color:#FFF; text-decoration:underline;}
div.buy-product-details a:hover{color:#FFF;text-decoration:underline;}
div.buy-product-details img {padding:5px;}
div.buy-product-details ul {margin: 0 0 15px -10px;}


/*Tabs */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
}



/* Footer */
div#footer{width:725px; clear:both; color:#666;}
div#footer p{margin:0 0 5px 0;}
div#footer a{color:#666; text-decoration:underline;}
div#footer a:hover{color:#666;text-decoration:underline;}