/*background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;
background | color | image | repeat | attachment | position

font: italic bold 30px arial, sans-serif;
font-style | font-variant | font-weight | font-size | line-height | font-family

margin: top - right - bottom - left
*/

/**************** Navigation  ****************/ 
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 1200px;
	background-image: url(/images/sidebar_background.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	color: #333333;
	font-size: 12px;
} 
.discreet {
	font-size: 9px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.left {
	text-align: left;
}


#wrapper {
	width: 100%;
}


#site_content {
	position: relative;
	height: auto;
	left: 0px;
	width: 900px;
	background-image: url(/images/3axis-Text.gif);
	background-repeat: no-repeat;
	margin: 0;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 150px;
}
#header{
	padding: 0 0 0 0;
	width: 100%;
	margin: 0 0 0 0;
}




* {
	margin: 0;
}






h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	margin-left: 0;
	margin: 0;
	padding: 0;
}



p{
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 20px;
}

ul {
	margin-left: 0;
	margin-top: 0;
	padding-left: 1.5em;
}

li {
	padding-bottom: 5px;
	list-style-position:outside;

} 
li .text  {
	list-style-type: disc;
}

.highlight {
	font-weight: bold;
	color: #000066;
}
.highlight-red {
	color: #930;
}
.highlight-blue {
	color: #039;
}




.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
/*	padding-right: 240px;*/
}
h1.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	font-size:24px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 12px;
}
h2, .rounded-table caption, #comparison caption{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
	padding-top: 12px;
}
h2.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
	padding-top: 12px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #993300;
	margin-top: 1em;
}
h3 a{
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}

h3.subhead {
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}



#navbar{
	padding:5px 15px 7px 75px;
	color:#FFCC00;
	text-align:center;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 100%;
	background-image: url(/images/nav-bg.jpg);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0;
}
#navbar ul{
	padding:2px 0 2px 0;
	margin:0;
}
#navbar li a, #navbar  li a:visited {
	display:inline;
	text-decoration:none;
	color:#FFCC00;
	font-weight:bold;
}
#navbar li a:hover {
	display:inline;
	color:#FFFFCC;
}
#navbar li {
	display:inline;
	margin:0;
	list-style:none;
	padding: 0 6px;
}
/* Highlight Active Page*/ 
.nav1 #navbar .nav1 a,
.nav2 #navbar .nav2 a,
.nav3 #navbar .nav3 a,
.nav4 #navbar .nav4 a,
.nav5 #navbar .nav5 a,
.nav6 #navbar .nav6 a,
.nav7 #navbar .nav7 a,
.nav8 #navbar .nav8 a
{
	background-image: ;
	background-repeat:no-repeat;
	width:159px;
	color:#FFFF99;
}
.nav7.nav7-1 #navigation_toy_store .nav7-1 a,
.nav7.nav7-2 #navigation_toy_store .nav7-2 a,
.nav7.nav7-3 #navigation_toy_store .nav7-3 a,
.nav7.nav7-4 #navigation_toy_store .nav7-4 a,
.nav7.nav7-5 #navigation_toy_store .nav7-5 a,
.nav7.nav7-6 #navigation_toy_store .nav7-6 a,
.nav7.nav7-7 #navigation_toy_store .nav7-7 a,
.nav7.nav7-8 #navigation_toy_store .nav7-8 a,
.nav7.nav7-9 #navigation_toy_store .nav7-9 a,
.nav7.nav7-10 #navigation_toy_store .nav7-10 a,
.nav7.nav7-11 #navigation_toy_store .nav7-11 a,
.nav7.nav7-12 #navigation_toy_store .nav7-12 a,
.nav7.nav7-13 #navigation_toy_store .nav7-13 a,
.nav7.nav7-14 #navigation_toy_store .nav7-14 a,
.nav7.nav7-15 #navigation_toy_store .nav7-15 a,
.nav7.nav7-16 #navigation_toy_store .nav7-16 a,
.nav7.nav7-17 #navigation_toy_store .nav7-17 a,
.nav7.nav7-18 #navigation_toy_store .nav7-18 a
{
	background-image: ;
	background-repeat:no-repeat;
	width:159px;
	color:#FFFF99;
}

.bucket {
	font-size:10px;
	float:left;
	padding:5px;
	width:210px;
	border:solid #FF9900 thin;
	margin:5px;
	line-height:1.2em;
	clear: top;
}
#toystore-image {
	margin: auto;
	padding: 0 5px;
}

h1.bucket-title {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000099;
	border:0;
	text-align:center;
	padding:0 5px 5px 5px;
	margin:0px;
}
.bucket-subtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#990000;
	text-align:left;
	font-weight:bold;
	line-height: 1em;
}
.bucket_description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
	text-indent:0px;
	margin:0px;
	padding:2px;
	line-height: 1.2;
}

#engineers-toy-store-content {
	position: relative;
	padding: 15px 0 15px 140px;
	margin-left: 0px;
	height: auto;
	left: 0px;
	width: 830px;
	background-image: url(/images/3axis-Text.gif);
	background-repeat: no-repeat;
	margin: 0;
}
.nav7 #wrapper  #features p {
	padding: 1px;
}


.clear {
	clear: both;
}



#footer {
	text-align: center;
	color: #FFCC00;
	width: 100%;
	background-color: #000000;
	clear: both;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
}
#footer-address   p
	{
	font-size: 12px;
	text-align: center;
	padding: 5px 0 0 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#footer-address  p+p {
	font-size: 12px;
	text-align: center;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#legal 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
#designer  p 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	padding: 25px 0 5px 0;
	color: #FFCC99;
}
#designer  a,.designer  a:visited 
	{
	text-decoration:none;
	color:#FFCC99;
	font-weight:bold;
	text-align: center;
}
#designer  a:hover 
	{
	color:#FFFFCC;
}
#services {
	position: relative;
	padding: 0 0 0 50px;
	background-image: url(/images/3axis-Text.gif);
	background-repeat: no-repeat;
	margin: 0;
	background-position: 0 200;
	width: 100%;
}

#services_content {
	padding: 15px 15px 15px 200px;
	width: 900px;


}

#navigation_services, #navigation_toy_store {
	width: 171px;
	float: left;
	padding-right: 15px;
	display: inline-block;
	clear: both;
}

.nav7 #wrapper  #features{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.nav7 #wrapper  #features li {
	margin: 0px;
	padding: 1px;
}



.nav7  #wrapper #features .subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	padding-bottom: 10px;
	text-align: center;
}

.nav7 #wrapper  #features .subhead img {
	padding: 0;
	margin: 0;
}
.nav7 #wrapper #features  ol {
	margin: 0;
	padding-left: 20px;

}

#nanuk-pricelist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#image-sidebar  {
	float: right;
	width: 230px;
	text-align: center;
	padding-left: 5px;
}
#image-sidebar img {
	padding: 5px;
}
.tubing-menu {
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.nav2 #wrapper #services #services_content .text .subhead img, .nav2 #wrapper #services #services_content .subhead .text img
{
	padding-left: 10px;
}
.text-align-center {
	text-align: center;
}
sup {
	font-size: smaller;
}
.img-align-left,
img.left,
div.left,
table.left {
	float: left;
	padding-right: 15px;
}
.img-align-right,
img.right,
div.right,
table.right {
	float: right;
	padding-left: 15px;
}

.mobile-marketing {
	font: 10px Verdana, Geneva, sans-serif;
	color: #006;
	width: auto;
	margin: 10px auto;
	text-align: center;
	background-color: #FF0;
	padding: 5px;
}
#fadeshow1 {
	width: 320px;
	height: 230px;
	float: right;
}
#fadeshow2  {
	width: 270px;
	height: 270px;
	float: right;
}
#fadeshow3 {
	width: 275px;
	height: auto;
	float: right;
}
#fadeshow4 {
	width: 270px;
	heights: 270px;
	height: auto;
	float: right;
}
#fadeshow5 {
	width: 300px;
	heights: 270px;
	height: 300px;
	float: right;
	margin-right: 15px;
}
#fadeshow6 {
	height: 300px;
	width: 300px;
	float: right;
	padding-left: 15px;
}
#fadeshow6 img {
	width: 300px;
	height: 300px;
}
#fadeshow275s {
	width: 275px;
	height: 275px;
	float: right;
	margin: 0 0 15px 15px;
}
#fadeshow350 {
	width: 350px;
	height: 350px;
	float: right;
	margin: 0 0 15px 15px;
}
#fadeshow400 ,#fadeshow4002{
	width: 400px;
	height: 373px;
	float: right;
	margin: 0 0 15px 15px;
}


.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.cols{width:100%;clear:both;overflow:hidden;margin: 0 auto;padding-bottom: 10px;text-align: left;}

.cols  div {float:left;display:inline;margin: 0 auto;}
.cols  div.divider{height:25px;float:left;}
.cols.two .c1, .cols.two .c2{width:47%;}
.cols.two .divider{width:3%;}

.cols.three .c1, .cols.three .c2, .cols.three .c3{width:30%;}
.cols.three .divider{width:5%;}

.cols.four .c1, .cols.four .c2, .cols.four .c3, .cols.four .c4{width:22%;}
.cols.four .divider{width:2%;}

.cols li {padding-top:0}
/*TOOL TIP  --------------------------------------------------------------------------------------- */
.tooltip{display: inline;position: relative;}
.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: '';
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}
a.btn-fake {
	margin:25px auto;
	text-align:center;
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	letter-spacing: normal;
}
.btn-fake:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.btn-fake:active {
	position:relative;
	top:1px;
	height: 10em;

}
.outer{
 position: relative
}
.inner{
 margin: 0;
   position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%) ;
   }

.starburst-price{text-align:center;width:200px;height:72px;background: url(/images/starburst-background.png); margin-left:auto;margin-right:auto;
}
.inner.item-price {width:100%;font-size:1.8em;font-weight:bold; top: 75%;
   transform: translate(0, -75%)   ;}