@charset "utf-8";
/*-------------------------------------------------------------------------------------------*/
/* 
    Created on : Aug-2015
    Author     : Justin
    template: Bootstrap v3.3.5 [http://getbootstrap.com/]
    version ison-distr Bike Builder v1.0.0 [Ground Zero]
*/
/* 
0. Imports

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
  -1.3.1 Typefaces
-1.4 Tables

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.1 Drop-down menus
  -2.2.2 Brand Navigation
-2.3 Header
-2.4 Content
  -2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs

3. PAGE TEMPLATES
-3.1 Images
-3.2 lists
-3.3 pages
 -3.3.1 landing page 
-3.4 Page details
-3.5 tables

4. MISC
-4.1 Forms
-4.3 jquery hacks
-4.4 Bootstrap
**/
/*-------------------------------------------------------------------------------------------*/
/* 0. Imports */
/*-------------------------------------------------------------------------------------------*/
@import 'font-awesome.min.css';
@import url(//fonts.googleapis.com/css?family=Francois+One);
/*-------------------------------------------------------------------------------------------*/
/* 1. Setup */
/*-------------------------------------------------------------------------------------------*/
/* -1.1 Defaults */
* {
    margin: 0;
}
html, body {
    height: 100%;
}
html{
    overflow-y:scroll;
}
.tr { /* transitions */
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
}
.left{
    float:left;
}
.right{
    float:right;
}
/* 1.2 - Hyperlinks */

/* -1.3 Typography */
/*.main-content-area h1, .main-content-area h2, .main-content-area h4, .main-content-area h6 {*/
h1, h2, h3, h4, h6 {
    color:#333333;
    font-family: "Francois One", Arial,Helvetica,sans-serif,Verdana;
}
/*.main-content-area h2, .main-content-area h3, .main-content-area h4 {*/
h2, h3, h4 {
    font-weight:normal;
}
/*.main-content-area h1, .main-content-area h3 {*/
h1, h3 {
    border-bottom:1px solid #DDDDDD;
    padding:0 0 5px 0;
    margin:8px 0 10px;
}
/* .main-content-area h1 {*/
h1 {
    font-size:2.5rem;
    margin:0 0 12px 0;    
}
/* .main-content-area h2 {*/
h2 {
    margin:8px 0 10px;
    font-size:1.4em;
}
/*.main-content-area h3 {   */
h3 { 
    font-size:1.3em;
}
/* .main-content-area h4 {*/
h4 {
    margin:8px 0 6px;
    font-size:1.2em;
}
/*.main-content-area h6 {*/
h6 {
    margin:8px 0 6px;
    font-size:1.1em;
}
.list-alpha {
    list-style-type: lower-alpha;
}
.list-roman {
    list-style-type: lower-roman;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* -2.1 Containers & Columns */
.wrapper {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom:-60px;
}
.wrapper:after {
    content: "";
    display: block;
}
footer, .wrapper:after {
    /* .push must be the same height as footer */    
    height:60px;
}
.contain {
    width: 996px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.main{
    padding-top:15px;
    padding-bottom: 15px;
}
/* -2.2 Navigation */
.nav-wrap{
    background: #C0C0C0;
    border-bottom: 1px solid #666666;
    height:40px;
}
.nav-wrap ul{
    list-style:none;
    margin-bottom:0;
}
.nav-wrap li {    
	float:left;
}
.nav-wrap li a {
    display: block;
    text-decoration:none;
}
.nav-item {
	width: 12.5%;
	border-left: 1px solid #999999;
        margin: 0;
}
.nav-item:first-child {
	border: none;
}
.nav-item-head {
	text-align: center;
	padding: 9px 15px 7px 15px;
	color: #FFFFFF;
	font-family: "Francois One";
	font-size: 1.125em;
	text-shadow:1px 1px 1px #666;
}
.nav-item-head:hover {
	background-color: #B0B0B0;
	color:#FFFFFF;
}
/* -2.3 Header */
.header {
    background-color:#222;
    min-height: 80px;
    /*margin-bottom: 20px;*/
    margin-bottom: 0;
    border: 0;
    border-top:6px solid #F7EF31;
}
.container {
    position:relative;
}
.header > .container .navbar-brand {
    width: 94px;
    height: 52px;
    float: left;
    padding:0;
    margin: 6px 0px 0px 10px;
}
.site-title{
    color:#F7EF31;
    position:absolute;
    top:50px;
    right:15px;
    width:180px;
    font-size: 20px;    
}
/* -2.3.1 Account/Log in */
.my-acc {
    background-color: #f7ef31;
    padding: 0 6px 4px;
    float:right;
    margin-bottom:0;
}
.my-acc li {
    float:left;
    color:#000000;
    list-style:none;
    padding-right:6px;
    margin-bottom:0;
    border-right:1px solid #000000;
}
.my-acc li:first-child a {
    margin-left:0;
}
.my-acc li:last-child {
    border:none;
    padding-right:0;	
}
.my-acc a {
    display:block;   
    margin-left:6px;
    height:18px;
    line-height:18px;
    text-decoration:none;
    color:#000000;
}
.my-acc li a:hover {
    color:#000000;
}
.my-acc .my-acc-login {
    padding:0;
}
/* -2.6 Footer */
/*** footer ***/
footer {
    background-color: #222;
	position:relative;
}
.footer-block {
	width:1024px;
	margin:0 auto;
}
.footer-base {
	position:absolute;
	bottom:0;
	height:40px;
	width:100%;
	background-color:#333333;	
}
.footer-base > div {
	height:40px;
}
footer h4{
	color:#DDDDDD;
}
footer p {
	color:#AAAAAA;
	font-size:0.75em;
        margin-bottom:0;
}
footer a {
	color:#DDDDDD;
	text-decoration:none;
	font-weight:700;
}
footer a:hover {
	color:#f7ef31
}
.footer-links li {
	margin:0;
}
.footer-links a {
	font-size:0.8125em;
	font-weight:100;
}
.legal {
	position:absolute;
	bottom:42px;

	width:100%;
}
#twitter-feed .interact {
    display: none;
}
.soc-icons-foot a {
	width:32px;
	height:32px;
	float:left;
	opacity:0.7;
	margin:4px 8px 0 8px;
        color: #F7EF31;
}
.soc-icons-foot a:hover {
	opacity:1;	
}
.ison-logo-foot {
	margin-top:13px;	
}

/*-------------------------------------------------------------------------------------------*/
/* 3. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/
/* -3.3 pages */
/*  -3.3.1 landing page */
.index {
	 /* http://sixrevisions.com/css/responsive-background-image/  */
  	background-image: url(../../images/landing-page.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #EEE;
}
/* -3.5 tables */
.icon-container {
    cursor: pointer;
    width: 16px;
    height: 16px;   
    margin: 0px auto;
}
.icon-space{
    padding-left: 2px;
    padding-right: 2px;
}
.ui-widget, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 0.875em;
}
.ui-widget-header {
	font-weight: 100;
	background: none;
	border: none;
	z-index: 100;
}
.ui-widget-content {
	border: none;
}
.ui-autocomplete {
	position: absolute;
	cursor: default;
	z-index: 10000 !important;
}
table{
    font-size:12px;
}
.stock-table{
    height:400px;
    margin-bottom: 10px;
}
.bike-build tbody td span {
	display:block;		
}
.bike-build thead th:first-child, .bike-build tbody td:first-child {
  width: 120px;
  text-align:left;
}
.bike-build tbody td input[type="text"]{
	text-align:center;	
}
.bike-build thead th:nth-child(3),
.bike-build tbody td:nth-child(3){
  width: 110px;
}
.bike-build .table > tbody > tr > td.secondary {
	background: url(img/treeview-default-line.png) 4px 4px no-repeat;
	padding-left: 16px;
	width:129px;
	text-align:left;
}
.more-info i{
    cursor: pointer;
}
.my-specs .dataTables_wrapper{
    margin: 8px 0 8px 0;
}
.my-specs .dataTables_length,
.my-specs .dataTables_info{
    margin-left: 8px;
}
.my-specs .dataTables_filter,
.my-specs .dataTables_paginate{
    margin-right: 8px;
}
/** 1.4 Colours | Skins **/
.red{
	color: #FF0000;
}
.green{
	color:#20D31E;	
}
.oran{
	color:#CC6600;
}
.blk{
	background-color:#000000;	
}
.instock{
	background-color: #B3FFB3;
}
.lowstock{
	background-color: #FFCC66;
}
.oos{
	background-color: #FFA8B3;
}
.oe{
	background-color: #b8cce4;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. MISC */
/*-------------------------------------------------------------------------------------------*/
.unicorn{
    display:inline-block;
    height:28px;
    width:34px;
    background:url('img/Unicorn-Icon.png')left top no-repeat;
}
.unicorn-sm{
    display:inline-block;
    height:16px;
    width:20px;
    background:url('img/Unicorn-Icon-sm.png')left top no-repeat;
}
/* -4.1 forms */
#partnumbers {
    display: none;
}
.input-stack div{
    padding-left: 0;
    padding-right: 4px;
}
.input-stack div:first-child{
    padding-left: 15px;
}
.comment{
    margin-bottom: 4px;
}
/* - 4.3 jquery hacks */
.ui-widget{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px; 
}
.ui-widget-content{
    border:0;
}
.ui-widget-header{
    border:0;
    border-bottom:1px solid #DDD; 
    background: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-autocomplete {
  position:absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  -width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
  max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/*  4.4 Botstrap */
.modal-open{
    padding-right:0!important;
}