/*

SmartShop - CSS File

CHANGE COLOR STYLE

*/

body { background: #9bcac2 repeat-x url('../images/body-bg.jpg') !important; color:#666; }
#bodychild { background:#fff;}

/* Container */
#outercontainer{ margin-top: 25px; padding-top: 2px;}

#outerfootersidebar {
   /* background: url('/themes/mvj/images/bg-footer.png') top left no-repeat;
    border-top: none;
    border-bottom: none;*/
    color: #777;
    font-family: 'Droid Sans', sans-serif;
}
#outerfooter {
    background:#fff;
}

li.widget-container a{color:#777;}
li.widget-container a:hover{color:#000;}
#footersidebar .widget-title{color:#333 !important;border-bottom:1px solid #777 !important;}

@media only screen and (max-width: 767px) {
    #outerfootersidebar {
        /*background: #014B96 url('/themes/mvj/images/bg-footer.png') top right no-repeat;*/
    }
}

/*============================================== GENERAL SECTION ==============================================*/
/* Link color */
a, a:visited, .colortext, .colortext a, .colortext a:visited{color:#1b9984}
a:hover, .colortext:hover, .colortext:hover{color:#333;}

/* Text color */
.customcolor{color:#757575;}
#aftertheheader .pagedesc{color:#888;}

/* Heading */
h1, h2, h3, h4, h5, h6{color:#333;}
.title{ border-bottom:1px solid #ededed;}

/*============================================== HEADER AND MENU SECTION ==============================================*/

/* Top chart */
#chart p{ color:#bbb; }
.shop-box {
    background:#fff;
    border: 1px solid #eaeaea;
    border-width:1px 1px 0px 1px;
}
.shop-box li{border-bottom:1px solid #ededed;}
.shop-box h2{ color:#004b93;}

/* User Nav */
#user-nav li a{ color:#888;}
#user-nav li a:hover, #user-nav li.current a{ color:#333;}

/* Menu top color */
#navigation {
    /*background:repeat-x url("/themes/mvj/images/bg-nav.gif") left top;*/
    background:#3D998B;
    border:1px solid #cbcbcb;
}
.sf-menu a, .sf-menu a:visited{color:#fff;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current a{background:#fff;color:#333;}/* 1st level */
.sf-menu li.sfHover a:hover{background:#fff;color:#333;}/* 2nd level */
.sf-menu a:hover{text-decoration:underline;}
.sf-menu li.selected a{background:#fff; color:#333;}

.sf-menu > li {
    border-right: 1px solid #2c7267;
}
.sf-menu > li:before {
    /*border-right: 1px solid #bbb;*/
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    background:#fafafa;
    color:#666;
    border:1px solid #cbcbcb;
}

.sf-menu li li{ border-bottom:1px solid #dadada;}
.sf-menu li li:last-child{border-bottom:0px;}

#topnav li li a, .sf-menu li li a, .sf-menu li li a:visited {color:#666;}
#topnav li li a:hover{color:#333; background:#fff;}

#searchform .bgsearch{background:#f4f4f3; border:2px solid #666; margin-bottom: 25px;}

#beforecontent{ border-bottom:1px solid #ededed;}

/*============================================== SLIDER SECTION ==============================================*/
#slidercontainer{border-bottom:1px solid #ededed;}


/*============================================== CONTENT SECTION ==============================================*/

#maincarousel h5{ color:#666;}

/* My Account */
.my_account_orders thead tr th{border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
.my_account_orders thead tr th.no-order{border:1px solid #e7e7e7; border-width:1px 0px 1px 1px; }
.my_account_orders thead tr th.status{border-right:1px solid #e7e7e7;  }
.my_account_orders td{ border:1px solid #ededed; border-width:0px 0px 1px 0px;}


/* Cart */
#cart thead tr th{border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
#cart thead tr th.remove{border:1px solid #e7e7e7; border-width:1px 0px 1px 1px; }
#cart thead tr th.total{border-right:1px solid #e7e7e7; }
#cart td{ border:1px solid #ededed; border-width:0px 0px 1px 0px;}
.remove{color:#888; border:1px solid #e0e0e0;}
.remove a{color:#888;}


/* Checkout */
.checkout thead tr th{border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; }
.checkout thead tr th.total{border-right:1px solid #e7e7e7;}
.checkout td{ border:1px solid #ededed; border-width:0px 0px 1px 0px;}

#payment {background: #f9f9f9;}
#payment ul.payment_methods {border-bottom: 1px solid #ededed;}
#payment ul.payment_methods li label{color:#004b93;}
#payment div.form-row {border-top: 1px solid #FFFFFF;}


/* Form */
input[type="text"], input[type="tel"], input[type="search"], input[type="email"],
textarea, input[type="password"], select{
    border:1px solid #d1d1d1;
    color:#666;
}

/* Horizontal Line */
hr {color:#ededed;	background-color:#ededed;}
.separator.line{ border-bottom:1px solid #ededed}

.imgborder{ border:1px solid #e6e6e6; border-bottom:1px solid #ccc;}
.frame{ border:1px solid #e7e7e7; border-bottom:2px solid #cbcbcb; padding:1px;}
.price{ color:#333;}


/* Button */
.button, .button:visited, input[type="submit"]{
    background: #52998d;
    background: -moz-linear-gradient(top,  #52998d 0%, #1b9984 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52998d), color-stop(100%,#1b9984));
    background: -webkit-linear-gradient(top,  #52998d 0%,#1b9984 100%);
    background: -o-linear-gradient(top,  #52998d 0%,#1b9984 100%);
    background: -ms-linear-gradient(top,  #52998d 0%,#1b9984 100%);
    background: linear-gradient(to bottom,  #52998d 0%,#1b9984 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52998d', endColorstr='#1b9984',GradientType=0 );
    border:solid 1px #52998d;
    color:#fff;
}

.button:hover, input[type="submit"]:hover{
    background: #52998d;
    background: -moz-linear-gradient(top,  #52998d 0%, #007761 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52998d), color-stop(100%,#007761));
    background: -webkit-linear-gradient(top,  #52998d 0%,#007761 100%);
    background: -o-linear-gradient(top,  #52998d 0%,#007761 100%);
    background: -ms-linear-gradient(top,  #52998d 0%,#007761 100%);
    background: linear-gradient(to bottom,  #52998d 0%,#007761 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52998d', endColorstr='#007761',GradientType=0 );
    border:solid 1px #52998d;
    color:#fff;
}


/* Dropcaps */
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#004b93}
.dropcap2, .circle{background:#004b93; color:#fff;}
.dropcap3{	background:#004b93; color:#fff;}

/* Highlight */
.highlight1{background:#333; color:#fff;}
.highlight2{background:#ebebeb;  border:solid 1px #f7f7f7}

/* Code */
code {
    border-left:4px solid #eaeaea;
}


/* Tabs */
ul.tabs li {
    color:#666;
    border: 1px solid #e7e7e7;
    border-width:1px 1px 1px 0px;
    background: #f5f5f5; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f5f5f5)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fdfdfd,  #f5f5f5); /* for firefox 3.6+ */
}
ul.tabs li:first-child{border-left: 1px solid #e7e7e7;}
ul.tabs li a {color:#666;}
ul.tabs li.active{background:#fff;}
html ul.tabs li.active a{ color:#1B9984; }
#tab-body{
    color:#666;
    border: 1px solid #e7e7e7;
    border-bottom:2px solid #cbcbcb;
    background: #f5f5f5; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f5f5f5)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fdfdfd,  #f5f5f5); /* for firefox 3.6+ */
}

/* jQuery Toggles */
h2.trigger span {color:#333;}
h2.active span{ color:#000}
h2.trigger span:hover {color:#000}

/* Tables */
th{
    color:#666;
    border-bottom: 1px solid #e7e7e7;
    background: #fcfcfc; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f7f7f7)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fdfdfd,  #f7f7f7); /* for firefox 3.6+ */
}
table {border: 1px solid #e7e7e7;border-bottom:0;}
tr td {border-bottom: 1px solid #e7e7e7;}
tr.odd td {background: #F2F7FC;}

/* Alert */
.alert {
    background: #f5f3bb;
    border: 1px solid #ece7b9;
    color: #333;
}
.alert:before{border: 1px solid #ffffcc;}
.alert a:link, .alert a:visited{ color:#858585;}
.alert a:hover{ text-decoration:underline;}


/* contact */
span.required{color:#ff0000;}
#message{color:#ff0000}


/*============================================== BLOG SECTION ==============================================*/
.post{border-bottom:1px solid #ededed}
.posttitle a, .posttitle a:visited{color:#333;}
.posttitle a:hover{color:#004b93}
.postimg img{border:1px solid #e7e7e7; background:#f7f7f7; border-bottom:2px solid #cbcbcb;}
.entry-utility a:hover{ color:#333;}

/* Comment */
.tdate, .reply{ font-size:11px; color:#888; }
.reply a, .reply a:visited{color:#888;}
.reply a:hover{color:#004b93;}
.fn a, .fn a:visited{color:#004b93;}
.fn a:hover{color:#888;}
.commenttext{ background:#f9f9f9;}

/* Page Navi*/
.pagenavi a, .pagenavi a:visited{
    color:#333;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #cbcbcb;
    background: #f7f7f7; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f7f7f7'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f7f7f7)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fdfdfd,  #f7f7f7); /* for firefox 3.6+ */
}

.pagenavi a:hover, .pagenavi .current{
    background: #e7e7e7; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #f7f7f7,  #e7e7e7); /* for firefox 3.6+ */
    color:#333;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #cbcbcb;
}

/*============================================== PRODUCTS SECTION ==============================================*/

/* Product detail*/
.quantity.buttons_added{ border:1px solid #CCCCCC;}
.quantity input.plus, .quantity input.minus { background:#eee; color: #000;}
.quantity input.minus:hover, .quantity input.plus:hover { background: #dadada;}
.quantity input.qty {background:#f8f8f8;}

/* Checkout */
#shiptobilling label.checkbox {color:#004b93;}


/*============================================== PORTFOLIO SECTION ==============================================*/
.ts-display-pf-text h2 a, .ts-display-pf-text h2 a:visited{color:#004b93;}
.ts-display-pf-col-4 .ts-display-pf-img{ border:1px solid #e6e6e6; background:#f7f7f7; border-bottom:2px solid #cbcbcb;}
.ts-display-pf-img a .rollover{background-color:#000;}

/*============================================== SIDEBAR SECTION ==============================================*/
.widget-title{color:#1B9984;}
#sidebar li, #sidebar li li a{ color:#333; }
#sidebar li li a:hover{color:#004b93;}


#sidebar .lp-widget li h3 a{color:#1B9984;}
#sidebar .lp-widget li h3 a:hover{color:#666}


/*============================================== FOOTER SIDEBAR SECTION ==============================================*/
#footersidebar{
    margin-top:25px;
    padding-bottom:5px;
}
#footersidebar .widget-title{
    border-bottom: 1px solid #777;
    /*color: #FFFFFF;*/
}

/* Twitter */
#footersidebar .tweet_list li { border-bottom:1px solid #dcdcdc; }
.tweet_time a{ color:#999;}

/*============================================== FOOTER SECTION ==============================================*/
#footer{ color:#777; }
#footer a, #footer a:visited{color:#333333;}
#footer a:hover{ text-decoration:underline;}

/*============================================== REFACTOR ============================================================*/
#subnav, .subnav {
    background: #777;
    border: 1px solid #666;
}

#subnav.sf-menu a, .subnav.sf-menu a {
    color: #fff;
}
#subnav.sf-menu a:hover, .subnav.sf-menu a:hover {
    color: #6e99c2;
}

#subnav.sf-menu > li, .subnav.sf-menu > li {
    border-right: 1px solid #999;
}
#subnav.sf-menu > li:before, .subnav.sf-menu > li:before {
    border-right: 1px solid #666;
}

#searchform #s{
    color: #333; background: #f4f4f3;
}

em.date {
    color: #5e942e;
}

.orange {
    color: #1b9984;
}

#sidebar .widget-container.search .widget-title {
    color: #004B93;
}

.catalogues select {
    color: #004B93;
}

.guide a.active {
    background: #444;
}

.overview a {
    display: block;
    color: #555;
}
.overview a.button {
    color: #fff;
}
.overview h3 {
    color: #1b9984;
}

/*============================================= CUSTOMIZATION ========================================================*/
.flash-notice {
    color: #228B22;
}
.flash-error {
    color: #CC0000;
}
div.error, div.errorMessage {
    color: #CC0000;
}
div.error input {
    border-color: #CC0000;
}

.guide a {
    color: #FFFFFF;
}
.guide a:hover, .guide a:focus {
    color: #333333;
}
.guide a:not([href]):hover {
    color: #FFFFFF;
}

div#modal-form {
    background: #FFFFFF;
    box-shadow: 0px 3px 15px #333333;
}

.subnav.sf-menu a {
    color: #FFFFFF;
}

.filter-form {
    color: #333333;
}

.notice {
    background: #FFF6BF;
    border: 1px solid #ff885d;
    color: #333;
}
.notice a {
    color: #333;
}