/*
Theme Name: RaguCOM
Theme URI: http://sapient.com/
Author: Sapient Nitro
Author URI:  http://sapient.com/
Description: RaguCOM
Template: villabertolli
Version: 1.0
Tags: flexible-width, custom-colors, flexible-header, translation-ready, custom-menu
License URI: http://sapient.com/
License: Sapient
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Global Styles */

body, p, .teaser3 p, .teaser4 p, .promo2 p, .promo3 p, .teaser5 p, .teaser7 p, .single-product-detail p, .single-article-detail p, .single-article-detail ul li, .single-article-detail ol li, .modern-footer p, .modern-footer .footer-banner figcaption, .help-block, .carousel-caption p{
    color : #333333;
    font-size:14px;
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:400;
}

body {
    background-color : #ffffff;
    background-image : none;
    background-repeat:no-repeat;
}
.main-wrapper{
    margin:0 auto;padding:0 5px;background:transparent;
}

h2, .carousel h2 {
    font-size: 31px;
    line-height: 37px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight : 700;
    color: #333333;
}

h3, .teaser3 h3, .teaser4 h3, .promo2 h2, .promo3 h3, .teaser5 h3, legend{
    font-size: 24px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight : 700;
    color: #333333;
}
.buy-in-store h3{
    font-size: 17px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color : #000000;
}

h4{
    font-size: 17px;
    line-height: 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight : 700;
    color: #333333;
}

h5{
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight : 700;
    color: #333333;
}

a, .btn-link, .modern-footer a{
    font-size : 14px;
    line-height: 20px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : 400;
    color: #0088CC;
    text-decoration: none;
}

a:hover, a:focus, .btn-link:hover, .btn-link:focus, .modern-footer a:hover, .modern-footer a:focus{
    color: #005580;
    text-decoration : none;
}

.btn, .carousel .carousel-caption .btn, .teaser3 .btn, .teaser4 .btn, .promo2 .btn, .promo3 .btn, .teaser5 .btn, .search-results .btn{
    color : #333333;
    font-size : 14px;
    line-height : 20px;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : 400;
    border-color : #b3b3b3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #E6E6E6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#E6E6E6));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#E6E6E6 100%);
}
.btn:hover, .btn:focus, .carousel .carousel-caption .btn:hover, .carousel .carousel-caption .btn:focus, .teaser3 .btn:hover, .teaser3 .btn:focus, .teaser4 .btn:hover, .teaser4 .btn:focus, .promo2 .btn:hover, .promo2 .btn:focus, .promo3 .btn:hover, .promo3 .btn:focus, .teaser5 .btn:hover, .teaser5 .btn:focus, .search-results .btn:hover, .search-results .btn:focus{
    color : #333333;
    background-color : #E6E6E6;
    background-image : none;
}

/* Header  */
.modern-header{
    border-bottom-color:#EEEEEE;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

.navbar-inner{
	background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2));
	background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}

.navbar .btn-navbar{
	background-position : 0 0;
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus{
	background-position : 100% 0;
}

.navbar .nav > li { border-right: 1px solid #c02724;border-left:1px solid #e94d4a;text-align:center;padding:0;}
.navbar .nav li.first{border-left:none;}
.navbar .nav > li > a{
	color : #555555;
	font-size:14px;
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus{
	color : #333333;
	text-decoration: none;
	background-color : #E5E5E5;
	background-image : none; 
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
	color : #555555;
	background-color : #E5E5E5;
	background-image : none;
}

.navbar .nav-collapse ul.nav ul{
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
	filter:none;
    border-color: #cccccc;
}

.navbar .nav-collapse ul.nav ul li{
    border-bottom-color: #cccccc;
}

.navbar .nav-collapse ul.nav ul li a {
    color: #555555;
    font-size: 14px;
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.navbar .nav-collapse ul.nav ul > li > a:hover, .navbar .nav-collapse ul.nav ul > li > a:focus{
    color:#666666;
    text-decoration: normal;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
	filter: none;

}

.form-search input[type='text']{
    border-color : #CCCCCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.form-search .btn-search{
    background-position : 0 0;
}

.form-search .btn-search:hover, .form-search .btn-search:focus{
    background-position : -31px 0;
}

/* Breadcrumb  */

#breadcrumb{
    background-color : #F5F5F5;
    background-image : none;
}

.breadcrumb > li a, .breadcrumb > li > .divider{
    color : #0088CC;
    font-size: 14px;
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.breadcrumb > .active{
    color : #999999;
    font-size: 14px;
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.breadcrumb > li a:hover, .breadcrumb > li a:focus{
    color : #005580;
    text-decoration: none;
}

/* Carousel  */
.carousel-caption{
    background: none rgba(0, 0, 0, 0.50);
}

.carousel h2{
    color : #FFFFFF;
    font-size: 31px;
    line-height: 37px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.carousel-caption p{
    color : #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.carousel-control.left {
	background-position: 0 -155px;
    outline: none;
}

.carousel-control.left:hover, .carousel-control.left:focus {
    background-position: -120px -155px;
}

.carousel-control.right {
    background-position: 100% -155px;
    outline: none;
}

.carousel-control.right:hover, .carousel-control.right:focus {
    background-position: -60px -155px;
}
.carousel-indicators li.active{ background-color : #b2b3b6; } 
.carousel-indicators li{ background-color: #4c4d4f; }
.carousel .carousel-caption .btn{
    color : #333333;
    font-size:14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-color : #b3b3b3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #E6E6E6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#E6E6E6));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#E6E6E6 100%);
}

.carousel .carousel-caption .btn:hover, .carousel .carousel-caption .btn:focus{
    color : #000000;
    background-color : #E6E6E6;
    background-image : none;
}

/* Left Navigation  */

.left-nav .nav {
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    border-color: #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.left-nav .nav > li > a{
    color : #0088CC;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.left-nav .nav a.active {
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #FFD700 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD700), color-stop(100%,#FFD700));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#FFD700 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#FFD700 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#FFD700 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#FFD700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFD700',GradientType=0 );
}

.left-nav .nav li > a:hover, .left-nav  .nav li > a:focus{
    color : #0088CC;
    text-decoration: none;
    background-color : #EEEEEE;
    background-image : none;
}

.left-nav ul.nav li, .left-nav ul.nav ul.nav{
    border-top-color : #CCCCCC;
}

.tree-toggler.expand {
    background-position: -5px 0;
}

.tree-toggler {
    background-position: -58px 0 ;
}

/* Promo  And Teaser */
.teaser3, .teaser4, .promo2, .promo3, .article-category .thumbnail, .teaser5, .teaser7, .single-product-detail-inner, .single-article-detail-inner, .teaser7 .thumbnail, article.search-results{
    background-color:#ffffff;
    background-image : none;
    border-color : #DDDDDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.teaser3 h3, .teaser4 h3, .promo2 h2, .promo3 h3, .teaser5 h3{
    color : #333333;
    font-size: 24px;
    line-height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.teaser3 p, .teaser4 p, .promo2 p, .promo3 p, .teaser5 p, .teaser7 p, .single-product-detail p, .single-article-detail p, .single-article-detail ul li, .single-article-detail ol li{
    color : #333333;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.teaser3 .btn, .teaser4 .btn, .promo2 .btn, .promo3 .btn, .teaser5 .btn{
    color : #333333;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-color : #b3b3b3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #E6E6E6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#E6E6E6));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#E6E6E6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E6E6E6',GradientType=0 );
}

.teaser3 .btn:hover, .teaser3 .btn:focus, .teaser4 .btn:hover, .teaser4 .btn:focus, .promo2 .btn:hover, .promo2 .btn:focus, .promo3 .btn:hover, .promo3 .btn:focus, .teaser5 .btn:hover, .teaser5 .btn:focus{
    color : #000000;
    background-color : #E6E6E6;
    background-image : none;
}

.modern-footer{
    background-color : #F5F5F5;
    background-image : none;
    border-top-color: #DDDDDD;
}
.modern-footer a{
    color : #0088CC;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.modern-footer p, .modern-footer .footer-banner figcaption {
    color : #333333;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.modern-footer a:hover, .modern-footer a:focus{
    color : #0088CC;
    text-decoration: none;
}
/*contact us form styling*/
.contact-us-form .contact-form {
    background:none transparent;
}
.contact-form .fw-legend-heading,.contact-form h2{
    color : #333333;
    font-size: 14px;
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.contact-form .fw-fieldset-label-text, .contact-form .contact-description, .contact-form .contact-description p,.contact-form .widget-contact-info,.contact-form .widget-contact-info p{
    color : #333333;
    font-size: 14px;
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.contact-form .fw-button-submit{
    color : #333333;
    font-size:14px;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    border-color : #b3b3b3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #E6E6E6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(100%,#E6E6E6));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#E6E6E6 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#E6E6E6 100%);
}
.contact-form .fw-button-submit:hover, .contact-form .fw-button-submit:focus{
    color : #000000;
    background-color : #E6E6E6;
    background-image : none;
}