<style>    
	/* Move down content because we have a fixed navbar that is 50px tall */

	body {
	  padding-top: 3px;
	  padding-bottom: 3px;
	  font-family: Tahoma, Verdana, Arial, Helvetica, Sans;
	}
	
   
/* ---------------------------------------- */
/* -----| FRONT  |------------------------- */
/* ---------------------------------------- */

.front {
margin-bottom:12px;

}
	
col-centered{
    float: none;
    margin: 0 auto;
}	
	
/* ---------------------------------------- */
/* -----| HEADER |------------------------- */
/* ---------------------------------------- */

.logo {
	float:left;
	margin-top:15px;
	margin-left:15px;
}

.navbartext {
	color: #373737 ;
}


#banner-image {
	background: transparent url(../images/stuff.png) no-repeat center center;
	height: 100%;
}

#contact-info {
	float:right;
    margin-top:15px;
    margin-right:20px;
	line-height: 1.3em;
	font-size: 1.1em;
	font-family:
}

.phone-number {
	background: transparent url(../images/icons/telephone.png) no-repeat left center;
	margin-left: 1em;
	padding-left: 21px;
}

.fax-number {
	background: transparent url(../images/icons/printer.png) no-repeat left center;
	margin-left: 1em;
	padding-left: 21px;
}


/* Blurbs for front page */
/*                       */
/*                       */


 h2 {

	font-size: 1.3em;

}

.blurb {

	background-color: #1e6994;
}

.blurb-shadow {
 box-shadow: 3px 3px 2px #888888;
}

.blurb-col  {
   margin-top:10px;
   min-height:250px;
   padding:2px;
   padding-bottom:10px;
   border: 1px solid #ccc;
   border-radius: 3px;
}

.blurb-col.right  {
   padding:0
}

.blurb-col h1 {
	color: #FFF;
	font-size: 1.3em;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	text-shadow: 1px 1px 3px #000;
}

.blurb-col.right h1 {
/*	#4667eb  #4B82B8*/
	background: #4667eb url(../images/gradients/blue_gradient.png) repeat-x bottom left;
	margin:-1px;
}

.blurb-col.right .arrow {
	background: transparent url(../images/gradients/blue-arrow.png) no-repeat top center;
	height: 13px;
}

.blurb-col p {
	line-height: 1.4em;
	margin: 0 10px 10px;
}

.btn.btn-default.blurb {
		position:absolute;
		bottom:5px;
		left: 20px;
}

/****************************************/
/*            Product.phtml             */
/*										*/
/****************************************/

#imgThumbs {  
    overflow: hidden;
    margin: 20px auto;
    width: 396px;
    text-align: center;
}

.showImg { 
    padding: 2px; 
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
    border-radius: 1px;    
}
 
#imgHolder {
    padding: 2px;
    text-align:center;
    width: 100%;
}
 
 
.centerwrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.videobox {
	display: inline-block;
	border:1px solid #ccc;
    margin-right: 5px;
    box-shadow: 5px 5px 3px #888888;
}

.videotitle {
	font-size: 1.0em;
}

.nobullet {

    list-style: none;
}



.product-title {
color: #336699
}

.faq {

color:#336699;

}

/* ---------------------------------------- */
/* -----| productimages.phtml  |----------- */
/* ---------------------------------------- */

.imagepop{

    width:100%;
    max-width:400px;
}


/****************************************/
/*            Category Index.phtml      */
/*										*/
/****************************************/


.btn.btn-learn {
	color:#ffffff;
	background-color: #23599f;
}

.ptitle {
	font-size: 2.em;

}

.price {
	color: ;
	font-size: 1.2em;
}

.category-hr {
	background-color: #ccc;
	height:1px;
	box-shadow: 1px 1px 1px #888888;
}


.perform {
	font-size:10px;
}

.row-padded {
  padding:15px;

}

a.doclist  {
	color: #23599f ;
}


/*
*
*  Message styles
*
*
*/

.message-style {
margin-bottom: 10px;
border:1px solid #ccc;
border-radius: 5px;
padding: 10px;
background: #CCFFBB;
}

.btn.message-btn {
	float: right;
	margin: 0;
}


.message-answer {
	margin-bottom: 10px;
	border:1px solid #ffffff;
	border-radius: 5px;
	padding: 10px;
	background: #ffffff;
}



.message-fail {
border:1px solid #ccc;
border-radius: 5px;
padding: 10px;
background: #FFCCDD;
}


/*
*	Form error styling
*   
*
*/

div.error {
	color:red;
	
}

input.error {
	background-color: #F8D0D0;
	padding: 2px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #dddddd;
  	-moz-box-shadow: inset 1px 1px 1px 0px #dddddd;
  	box-shadow: inset 1px 1px 1px 0px #dddddd;
}

.inqform {
	margin-left: 60px;
	margin-right: 60px;
	padding: 10px;

}


/* ---------------------------------------- */
/* -----| serial-list.phtml    |----------- */
/* ---------------------------------------- */

.trbar {
	background-color: #ebebe1;
}


/* ---------------------------------------- */
/* -----| SOCIAL BAR |--------------------- */
/* ---------------------------------------- */

.socialbar {
	width: 100%;
	margin-left: 15px;
	padding: 5px;

}




.breadcrumb {
color: #3559A7;
}

.breadcrumb .active {
color: #3559A7;
}



/* below is for validator */


input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px 0;
  padding: 0;
  list-style-type: none;
  font-size: .9em;
  line-height: 0.9em;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

/*
*    Fixes the checkboxes to align with the text
*
*/

input[type="checkbox"] {
    }
    .checkbox {
      margin-left: 20px;
    }

/*
*  Colors badges
*
*/

.badge-info {
	background-color: #3a87ad;
}

.well.nobg {
	background-color: #FFFFFF;
}
