@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

header footer nav .banner .midle{width:100%;}
header{background:#0188CA;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.pagetitle{
	font-family: "Oswald";
	color: #0a579f;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
}

.mission h2, .vision h2, .row h2 {
  font-size: 18px;
  font-family: "Oswald";
  color: rgb( 204, 0, 0 );
  text-transform: uppercase;
  text-align: justifyLeft;
  border-bottom:1px solid #ccc;
  font-weight:400;
}
.mission figure, .vision figure {margin: 5px 10px 0 0; float:left; border:1px solid #ccc; width:50%;}
.mission figure img, .vision figure img {width:100%;}

#main_bg{width:1054px; margin:0 auto; background-color:#fff;}

#main_bg2{width:1054px; margin:0 auto; background-color:#fff; height:32px;}

.container{width:1024px; margin:0 auto;}

header .logo{
	margin: 20px 6px 5px 8px; width:300px;  hieght:auto;
}
nav{background:url(../images/nav-bg.png) repeat-x; background-color:#0A579F;}
.banner{background:#DEF5FC; border-bottom:1px solid #8fdbf2; width:1054px; margin:0 auto;}
.mr{ margin-right:24px;}
.mission{width:48%; font-size:12px; text-align:justify; line-height:14px;}
.vision{width:48%; margin-left:2%; padding-left:1.5%; border-left:1px #ccc dashed; font-size:12px; text-align:justify; line-height:14px;}
    #marquee-container {
 width: 100%; /* or whatever you want */
 margin: 15px auto; /* centers it */
 overflow: hidden;
 white-space: nowrap;
 border:1px solid #ccc;
/* border-top:none;
*/ background:#fff;
}
footer{background:#DEF5FC; border-top:1px solid #8fdbf2;}
footer p{ text-align:justify; line-height:16px; font-size:12px;}
footer div h2{  font-size: 18px;
  font-family: "Oswald";
  color:#0A579F;
  text-transform: uppercase;
  text-align: justifyLeft;
  font-weight:400;}
  
.mr35fl{margin-right:53px; float:left; width:35%;}
footer a{color:#333;  font:12px 'Open Sans', sans-serif;;}
.dropdown-menu{
	border-radius:0px !important;
	box-shadow:none !important;
	border:none !important;
	padding:0px 0px;
	margin:0px;
	z-index: 3000;
	background: #333;
	border: 0px !important;
}

.dropdown-menu a, .dropdown-menu a:visited{
	padding:7px 10px !important;
	color:#ccc !important;
	text-shadow:none !important;
	background:#333 !important;
	border-top:1px solid #444 !important;
	border-bottom:1px solid #222 !important;	
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
	filter:none !important;
	background: #222 !important;
}

.dropdown-menu:after, .dropdown-menu:before{
	border:none !important;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  	background-color: transparent;
 }
.search{ margin-top:25px;}
 
 
 
    /*-------------------------------------*/
    
    .cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper {
       width: 390px;
        padding: 5px;
        /* margin: 150px auto 50px auto;*/
        background: #ccc;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
    
    .form-wrapper input {
        width: 295px;
        height: 21px;
        padding: 3px 5px;
        float: left;    
        font: 300 15px "Oswald";
        border: 0;
        background:  no-repeat 10px 8px url("../images/search-icon.png") #eee ;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
		padding-left:28px;
      
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background:  no-repeat 10px 8px url("../images/search-icon.png") #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
		padding-left:28px;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
    }    
    
    .form-wrapper button {
		overflow: visible;
       /* position: relative;*/
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 28px;
        width: 60px;
        font: normal 14px/18px "Oswald";
        color: #fff;
        text-transform:capitalize;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
		border:1px solid #666;
    }   
      
    .form-wrapper button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #c42f2f;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
	.inner-body{width:78%; float:left; margin-right:2%; padding-right:1.8%; border-right:1px dashed #ccc; margin-bottom:15px;}
	.inner-body p{text-align:justify; font:13px/18px 'Open Sans', sans-serif; padding-left:5px;}
	.side-body{width:18%; float:left;}
	/* BreadCrumbs */
.breadcrumbs {
	background:#FBFBFB;
	border: 1px solid #ddd;
	border-radius:6px;
	padding:8px 19px 8px 0;
	margin:0 0 15px;
	overflow:hidden;
	font:13px/20px 'Open Sans', sans-serif;
}
.breadcrumbs li { float:left;}
.breadcrumbs li a {text-decoration:none; }
.breadcrumbs li a:hover {}
.breadcrumbs li span {	display:inline-block;	margin:0 8px 0 6px;}
.breadcrumbs li strong {font-weight:normal;  color:#666; }

.block-header {
	background:#fbfbfb;
	border: 1px solid #ddd;
	border-radius:6px;
	padding:8px 19px 8px 0;
	margin:0 0 15px;
	overflow:hidden;
	font:13px/20px 'Open Sans', sans-serif;
}
.block-content ul{margin:0 0 0 15px;}
.block-content ul li{ padding:0 0 5px 0; border-bottom:1px dashed #ccc; margin-bottom:5px;}
.block-content ul li a{padding:0; margin:0;}
.side-body .block-header h3{font:16px 'Oswald', sans-serif; border-bottom:2px solid #000; margin-left:15px; margin-top:0px; text-transform:uppercase;}

/*===========================================*/
/*Blog view*/

#blog{}
.blog-article{
  padding-bottom: 40px;
}
.blog-article_title{}
.blog-article_date{}
.blog-article_read-more{}
.blog-article_meta{}

.blog-article_meta-comments{
  float: right;
}

.blog-article{
  padding-bottom: 20px;
  border-bottom: 1px solid #ece5e3;
  margin-bottom: 30px;
  overflow: hidden;
}
.blog-article.last{
  margin-bottom: 0;
  padding-bottom: 0;
  border:none;
}

/*===========================================*/
/*Blog article view*/

.article_header {overflow: hidden;margin: 0 0 15px 0;}

.blog-article_date {width: 60px;height: 65px;float: left;margin: 0 15px 0 0;background: rgb( 204, 0, 0 );color: #ffffff;text-align: center;}
.blog-article_date span {display: block;font: bold 16px 'Trebuchet MS';}
.blog-article_date span.day {padding: 9px 0 0 0;font-size: 26px;}
.blog-article_date span.month {margin: -5px 0 0 0;}

.article_header h2.article_title,
.article_header h2.blog-article_title {display: inline-block;padding: 5px 0 0 0;font: bold 20px/1em 'Trebuchet MS';}

.article_meta-comments,
.blog-article_meta-comments {padding: 23px 0 0 0;}

.article_meta-tags,
.blog-article_meta-tags {}

.article_meta-tags span,
.blog-article_meta-tags span {display: none;}

.article_meta-tags a,
.blog-article_meta-tags a {font-size: 11px;text-decoration: underline; font-family:'Open Sans', sans-serif; text-decoration:none;}
/* #Clients
================================================== */

.client a:hover{
 background: transparent;	
}

.client img{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border:1px solid #ccc;
}

.client a:hover img{
 opacity: .7;	
}
.inner-body h3, .side-body h3{font:16px 'Oswald', sans-serif ; border-bottom:1px dashed #000; margin-left:5px; margin-top:0px; text-transform:uppercase; padding-bottom:5px; margin-bottom:15px;color:#0A579F; }

.inner-body h4, .side-body h4{font:16px 'Oswald', sans-serif ; text-transform:uppercase; color:#fff; text-align:center; background-color:#0A579F; padding-bottom:5px; padding-top:5px; }

.span2 .client last { margin:0;}
.span2 .client{margigin-right:5px;}
.form-horizontal input[type="text"],.form-horizontal input[type="password"], .form-horizontal textarea{
width:90%;
}

.form-horizontal{background:#FBFBFB;
	border: 1px solid #ddd;
	border-radius:6px;
	padding:25px 19px 0px 0;
	margin:0 0 15px;
	overflow:hidden;
	font:12px/20px 'Open Sans', sans-serif;}
.form-horizontal button{
font-size:12px;
}

.form-horizontal .control-label {
width: 80px;
float:left;
}

.form-horizontal .controls {
margin-left: 100px;
}

.form-horizontal .controls:first-child {
*padding-left: 100px;
}

.form-horizontal .form-actions {
padding-left: 100px;
width:100%;
}

.form-actions {
padding: 5px 20px 0px;
background:transparent;
border-top:0px;
margin-bottom:0;
}

.banner-block {overflow: hidden;  margin:0 -15px; }
.banner-block img {max-width: 100%;}
.banner-block li {
	float: left;
	width:46%;
	padding: 0 13px;
	margin-bottom: 30px;
}
.banner-block-cen {
	border: 1px solid #d6d5d5;
	border-radius: 5px;
	background: #fff;
	position: relative;
	overflow: hidden;
	
}
.banner-block .banner-block-content {position: absolute; left: 0; top: 0; padding: 16px 17px;}
.banner-block-cen img{float:right; 	text-align:right;
}
.banner-block h1 {font-size: 18px; line-height: 25px; font-weight: normal; color: #3a3a3a; margin-bottom: 12px; font-family:"Oswald";}
.banner-block p {width: 60%; line-height: 17px; margin-bottom: 20px;}
.banner-block button.button > span {font-size: 15px; height: 35px;}
.banner-block button.button span span {padding: 0 18px;}
.banner-block button.color-1 > span {
	border: 1px solid #4c8106;
	background: #6db410;
	background: -webkit-gradient(linear, left top, left bottom, from(#79c614), to(#6db410)); /*  webkit */
	background: -moz-linear-gradient(top,  #79c614,  #6db410); /*firefox 3.6+ */
	background: -o-linear-gradient(top,  #79c614,  #6db410); /*  Opera 11.10+ */
}
.banner-block button.color-2 > span {
	border: 1px solid #098793;
	background: #0eacbc;
	background: -webkit-gradient(linear, left top, left bottom, from(#1cc6d7), to(#0eacbc)); /*  webkit */
	background: -moz-linear-gradient(top,  #1cc6d7,  #0eacbc); /*firefox 3.6+ */
	background: -o-linear-gradient(top,  #1cc6d7,  #0eacbc); /*  Opera 11.10+ */
}
.banner-block button.color-3 > span {}
.banner-block button.color-4 > span {
	border: 1px solid #eb7c19;
	background: #ffaa02;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc502), to(#ffaa02)); /*  webkit */
	background: -moz-linear-gradient(top,  #ffc502,  #ffaa02); /*firefox 3.6+ */
	background: -o-linear-gradient(top,  #ffc502,  #ffaa02); /*  Opera 11.10+ */
}
.banner-block button.color-5 > span {
	border: 1px solid #af0909;
	background: #d71d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fb2727), to(#d71d1d)); /*  webkit */
	background: -moz-linear-gradient(top,  #fb2727,  #d71d1d); /*firefox 3.6+ */
	background: -o-linear-gradient(top,  #fb2727,  #d71d1d); /*  Opera 11.10+ */
}
.banner-block button.color-6 > span {
	border: 1px solid #000;
	background: #353535;
	background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#353535)); /*  webkit */
	background: -moz-linear-gradient(top,  #404040,  #353535); /*firefox 3.6+ */
	background: -o-linear-gradient(top,  #404040,  #353535); /*  Opera 11.10+ */
}
.banner-block button.button:hover > span {
	border-color: #000;
	background: #2c2c2c;
}

.products-grid {position:relative; margin-bottom:30px; }
.products-grid.last {margin-bottom: 0;}
.price-box.map-info a { text-decoration:none; margin-top:5px; }
.products-grid.last { border-bottom:0; }
.products-grid li{width:29.3%; margin:15px 1% 15px 3%;}
.products-grid li.item:hover {}
.products-grid li.item {
	float:left;	
	-moz-box-sizing:border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	 box-sizing: border-box;
	 text-align: center;
}

.products-grid li.last{ margin-right:0;}
.products-grid li.first {} 
.products-grid .product-image { 
	display:block;
	max-width:200px; 
	height:auto; 
	margin:0 auto 10px; 
	text-align: center; 
	position: relative; 
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf;
	padding: 10px;
}
.products-grid .product-image:hover  {}

.products-grid .price-box {	color:#3A3A3A;	overflow:hidden;margin: 0 0 5px;	width:100%;}
.products-grid .availability { line-height:21px; }
.products-grid .actions { clear:both; margin:0; position:relative; }
.products-grid .actions > span{ position:absolute; left:0; bottom:-3px;}
.products-grid .desc.std{ overflow:hidden; color:#b2b2b2; padding:5px 0;}
.product-box-2{background:url(../images/tail-grid-bottom.gif) 0 0 repeat-x #fdfdfd; padding:16px 18px 0px 18px; margin:0 -18px; overflow:hidden; position:relative; }
.product-box-2 > span {  position:absolute; left:18px; bottom:-3px;}
.products-grid .ratings { margin-bottom:8px; }
.products-grid .ratings .rating-box {}
.products-grid .ratings .amount { }
.products-grid .ratings .amount a {  text-decoration:none; }
.products-grid .minimal-price-link {  }
.products-grid .no-rating a{text-decoration:none;  padding-top:0px; display:inline-block;}
.products-grid .no-rating{ padding-top:8px; margin-bottom:7px}
.products-grid .add-to-links { position:relative; float: none; padding-top: 10px;}
.products-grid .add-to-links li {display: inline-block;}
.products-grid .add-to-links li:first-child{ margin-right: 10px;}
.products-grid button.button{ margin-right: 1px; margin-bottom: 4px; }
.products-grid .desc_grid {margin-bottom: 8px; font-size:12px; font-family:'Open Sans', sans-serif;}
.add-to-links {float:left;}
.wrapper-hover {border: 1px solid #cfcfcf; border-radius: 5px; padding: 10px 0 15px; background: #fff; background: url(../images/wrapper-hover.gif) repeat-x center bottom #fff;}
.wrapper-hover:hover {
	box-shadow:0 0px 8px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0px 8px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0px 8px rgba(0,0,0,0.1);
}
.products-grid .product-shop {padding: 0 20px;}

/******* Type: List and Grid ********/
.products-grid .product-name ,
.products-list .product-name { margin:0 0 2px; }
.products-grid .product-shop h2{margin-top:0; padding-top:0; line-height:8px; padding-bottom:10px; font-size:16px;}
.products-grid .product-name a,
.products-list .product-name a {
	font-size:14px;
	line-height:17px;
	font-weight:normal;
	text-decoration:none;
}
.products-grid .product-name a:hover,
.products-list .product-name a:hover{ }

.products-grid .product-image img,
.products-list .product-image img {max-width:100%;}


/********************************************************************************************** View Type: List *******************************************************************************************/
.products-list { }
.products-list li.item { border:1px solid #d6d5d5; padding:20px; margin-bottom: 20px; position: relative; background-color: #fff; border-radius: 5px;}
.products-list li.item.last {  }
.products-list .product-image { float:left; width:210px; height:auto; margin-right:30px;}
.products-list .list-inner{ width:210px; height:210px; position:relative; float:left;}
.products-list .product-shop { overflow:hidden; }
.products-list .button{ }
.products-list .product-name { }
.products-list .price-box { color: #3A3A3A; margin: 12px 0; overflow: hidden; width: 100%;}
.products-list .price-box .regular-price{ float:left; padding-right:12px;}
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; margin:0 0 15px; }
.products-list .desc > p{ float:left;}
.products-list .desc > p strong{ color:#1b7ce3;}
.products-list .desc .link-learn { font-weight:bold; text-decoration:underline;}
.products-list .add-to-links { padding-top:10px; float: none; }
.products-list .add-to-links li:first-child { margin-right: 5px; }
.products-list .f-fix{ position:relative;}
.products-list .f-fix > span{left: 0;   position: absolute;   bottom:0px;}
.products-list .list-btn { display:inline-block; float:left;}
.products-list .add-to-links .separator{ display: inline-block;}
.products-list .add-to-links li { float:left; }
.list-reviews{ float:right; width:285px; text-align:right;}
.row-list{ width:100%; position:relative;}
.row-list > span{ position:absolute; left:0px; top:40px;}
.products-list .ratings { margin-bottom:17px; }
.products-list .ratings .rating-links a { }
.products-list .ratings .rating-links a:hover { }
.products-list .no-rating{ text-align:right; padding-top:6px;}
.products-list .no-rating a{ text-decoration:none; }

.product-shop { position:relative; }
.product-shop .price-box.map-info a {float:none; clear:left; padding:0 !important; margin-bottom:3px;}
.add-to-cart {border-top:1px solid #dbdbdb; width:100%; padding:10px 0;}
.add-to-cart button.button > span	{ font-size:18px; height: 52px; line-height: 48px;  }
.add-to-cart button.button > span span {padding: 0 30px;}
.product-view .add-to-links {clear:left; margin:0px !important; padding: 15px 0 5px; border-bottom: 1px solid #DBDBDB;  border-top: 1px solid #DBDBDB; width: 100%; }

.product-view .product-options-bottom { border: 1px solid #DBDBDB; padding:25px; background: #fbfbfb;}
.product-view .product-options-bottom .price-box { float:none; display:block; padding:0; margin-top: 0; margin-right: 0 !important; overflow:hidden; }
.product-view .product-options-bottom .price-box .price-as-configured { font-size:22px; line-height:27px; }
.product-view .product-options-bottom .price-box .price-as-configured .price { font-weight:normal; }
.product-view .product-options-bottom .add-to-cart {margin-top: 10px;}
.product-view .product-options-bottom .add-to-links {border-bottom: 0;}
.product-view .product-shop .product-options-bottom .price-box .price {font-size: 16px; line-height: 16px;}
.product-view .product-shop .product-options-bottom .price-label {display: inline-block;}