/******************************
 JOURNAL MyJournal CSS
*******************************/

/*Gradient on the logo background.*/
#logo{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom left,  #c0c0c0 0%, #c0c0c0 4.25%, #e9e9e9 33.5%, #fdfdfd 69.51%, #fff 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom left,  #c0c0c0 0%, #c0c0c0 4.25%, #e9e9e9 33.5%, #fdfdfd 69.51%, #fff 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom left,  #c0c0c0 0%, #c0c0c0 4.25%, #e9e9e9 33.5%, #fdfdfd 69.51%, #fff 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #c0c0c0), color-stop(0.0425, #c0c0c0), color-stop(0.335, #e9e9e9), color-stop(0.6951, #fdfdfd), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom left,  #c0c0c0 0%, #c0c0c0 4.25%, #e9e9e9 33.5%, #fdfdfd 69.51%, #fff 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top right,  #c0c0c0 0%, #c0c0c0 4.25%, #e9e9e9 33.5%, #fdfdfd 69.51%, #fff 100%);
}
/******************************
 JOURNAL III SKIN
*******************************/

#journal-header #menu > ul > li > a {
    line-height: 3.4;
    }

/*Rounded Corners*/

.home-container {
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
 border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
    }

.home-header #logo {
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    }

.home-header .menu,
.home-header #menu > ul > li:last-child {
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    }

.header_ii.home-header #logo {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    }

.header_ii.home-header .menu {
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    }

#menu > ul > li:first-child + li {
    border-left: none;
    }

a.button,
input.button,
#cart .checkout a,
a.quickview {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

.product-info .cart input.button {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

a.button {
    line-height: 2.7;
    }

.ui-pnotify-text {
    font-size: 12px;
    }

@media only screen and (max-width: 760px) {
.responsive .home-header #logo {
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    }

.responsive .home-header .menu {
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    }
.home-container {
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    }
}
.important {
	color: #1FBBA6 ;
}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0; opacity: 0 ;}
.flex-direction-nav .flex-prev {left: 5px;opacity: 0 ;}
.flex-control-nav {width: 100%; position: absolute; bottom: 0px !important; text-align: center;}
.flex-control-paging li a.flex-active { background: #1FBBA6; background: rgba(#1F,#BB,#A6,1); cursor: default; }
.flex-control-paging li a:hover { background: #EA2E49; background: rgba(#EA,#2E,#49,1); }
.my_top_menu {color: #1FBBA6 ;}
#journal-header .welcome #welcome { font-size: 14px !important;font-weight:bold; }
#journal-header .welcome #welcome a {font-size: 14px !important;font-weight:bold; }

#currency a {
    padding: 0px 0px;
    margin: 4px;
    min-height: 30px;
    min-width: 30px;
    text-decoration: bold;
    font-size: 28px;
    }
#currency a b {
    display: block;  
    min-height: 30px;
    min-width: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #1FBBA6;
    color: white;
    }
#currency a:hover {
       background-color: #EA2E49;
       color: white;
    }
.ie #currency a {
    padding: 0px 0px;
    }

.ipad #currency a {
    padding: 0 0px;
    }
#language img {
    margin-right: 10px;
    height:25px;
    }
.top-links a {
   padding: 2px;
    }