@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/****************COLORS*****************/

body {	font-size:16px !important; }



h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle, .footer_menu a, .empty_cart, .promo_banner {
    font-family: Lato;
/*    font-weight: bold;
  font-style: normal;
    text-transform: uppercase; */ 
 /*   color: #111111;*/
    display: block;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}


button {
background: #7796a8;
    line-height: 48px;
    color: #fff;
    font-size: 19.56px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 30px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:0
}

button:hover	{
	background-color:#0c5d70;
	color:#fff;
}

button.submit {
background: #7796a8 !important;
    line-height: 48px !important;
    color: #fff !important;
    font-size: 19.56px !important;
    font-weight: 400 !important;
    text-align: center !important;
    outline: 0px !important;
    cursor: pointer !important;
    border-radius: 30px !important;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
	border:0  !important;
	text-shadow: none !important;
	padding: 0px 20px !important;
}

button.submit:hover	{
	background-color:#0c5d70  !important;
	color:#fff  !important;
}

#content_wrapper { 
	background-color:#fff; 
	font-family:Lato;
}
.announcement-bar /* from fhasso site */ {
	background-color: #7796a8;
	text-align: center;
	position: relative;
	z-index: 10;
}

.announcement-bar p { 
	color: #fff;
	display: block;
	font-size: 1.25em;
	font-weight: 400;
	padding: 10px 55px;
}

header { 
	background-color:#fff;
	height:130px !important;
}

header img { 
	height: 125px;
	float:left;
	margin-left:5%;
	margin-top: 5px;
	border-radius: 15px 15px 15px 15px;
}
.page-wrapper { 
	background-color:#fff;
	margin:0;
	padding:0 2%;
	min-height: calc(100vh - 470px);
}

.navbar.navbar-default.navbar-right { 
	background-color:transparent; 
	color:#fff;

	border:none;
	font-family: Lato;
    font-weight: normal;
    font-size: 16px;

    color: #ffffff;
    position: relative;
    display: block;
    letter-spacing: 0px;
    padding: 10px 4px 10px 4px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}	

.navbar.navbar-default.navbar-right li a:link {
	border-bottom: 1px solid transparent;
	color: #0c5d70;
	font-weight: 400;
	text-transform: uppercase;

}

.navbar.navbar-default.navbar-right li a:hover {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}
}

.navbar.navbar-default.navbar-right li a:visited {
	color:#0c5d70;
}

.navbar.navbar-default.navbar-right li a:active {
	color:#0c5d70;
}

.dropdown-menu {
	background-color:#fff;
}

ul.dropdown-menu {background-color:#fff}

ul.navbar.navbar-default.navbar-right ul.dropdown-menu li a:link { background-color:#fff; }

ul.navbar.navbar-default.navbar-right ul.dropdown-menu li a:visited { background-color:#fff; }

ul.navbar.navbar-default.navbar-right ul.dropdown-menu li a:hover { background-color:#fff; }

.accountName {color:#0c5d70; float:right; margin-top:14px; }

ul@menu-tabs li { 
	display: inline; 
	list-style-type:none;

}

.footer {
    margin-top: 2.5em;
    padding: 25px 0;
    border-top: solid 1px #0c5d70;
    background-color: #0c5d70;
    color: #fff;
}

.footer h2 {

}

.footer_menu {
    list-style: none;
    margin: 0;
}

.footer_menu li a {

}

.footer_menu li a:hover {
	color:#8b8b8b;
	text-decoration:none;
}

.credits .white-text a {
	text-transform:capitalize;
}

.credits .white-text a:link {
	color:#444;
}

.credits .white-text a:hover {
	color:#fff;
	text-decoration:none;
}

.container {
	margin: 0 auto;
	padding: 20px 0;
}

.container .seven.columns {
	width: 505px;
}

/****************************SOCIAL MEDIA *******************/

.social-media {
    list-style: outside none none;
	position:relative;
	/*top:50px;*/
    float:left;
    margin: 0;
    padding: 0;
}

.social-media li a {
   /* border: 2px solid #898989; */
    border-radius: 110%;
    padding: 15px 23px;
}
.social-media li a:hover {
   /* border: 2px solid #fff; */
}

.social-media li a.facebook {
	background:url(../../images/fb-icon-hover.png) no-repeat center center
}

.social-media li a.twitter {
	background:url(../../images/twitter-icon-hover.png) 	no-repeat center center
}

.social-media li a.youtube {
	background:url(../../images/youtube-icon-hover.png) no-repeat center center
}

.social-media li a.pint {
	background:url(../../images/pint-icon-hover.png) no-repeat center center
}

.social-media li a.insta {
	background:url(../../images/insta-icon-hover.png) no-repeat center center
}

.social-media li a.facebook:hover {
	background:url(../../images/fb-icon.png) no-repeat center center
}
.social-media li a.twitter:hover{background:url(../../images/twitter-icon.png) no-repeat center center
}
.social-media li a.youtube:hover{background:url(../../images/youtube-icon.png) no-repeat center center
}
.social-media li a.pint:hover{background:url(../../images/pint-icon.png) no-repeat center center
}
.social-media li a.insta:hover{background:url(../../images/insta-icon.png) no-repeat center center
}

/********************END SOCIAL MEDIA *************************/

.container .nine.columns {
    width: 655px;
}

.footer_menu {
    list-style: none;
    margin: 0;
	margin-left: -40px;
}

.footer_menu li {
    display: inline-block;
    padding-right: 20px;
}

.footer a, .footer a:visited {
    color: #fff;
    font-size: 16px;
}

h6, .h6, h6.title, ul.footer_menu a, ul.footer_menu a:visited {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.white-text {
    color: #ffffff;
}
h2, .h2 {
    font-size: 20px;
    margin-bottom: 0.75em;
    line-height: 1.3em;
    letter-spacing: 3px;
}

.MainMfr {
	width:70%;
	margin:auto;
	text-align:center	
}

.mainContainer { background-color:#111 }

.availProd {
	font-size:35px;
	text-align:center;
	width: 100%;
	font-weight:400 !important;
	margin: auto;
	font-style: normal;
	color: #0c5d70;
}

.catCell {
	padding:20px;
}
.catName {

	text-align:center;
}

.catCell a:link, .catName a:visited {
	color:#111;
	font-size:8px;
}

.catCell a:hover {
	text-decoration:none;
	color:#b62318;
}

.btn-default, .btn-default a:link, .btn-default a:visited {
	background: #7796a8 !important;
    line-height: 48px;
    color: #fff !important;
    font-size: 19.56px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 30px !important;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border:0
}

.btn-default:hover, .btn-default a:hover	{
	background-color:#0c5d70 !important;
	color:#fff !important;
}

.lastOrder a:hover {	color:#b62318 }

.navbar.navebar-default.navbar-right li a:link {
	color:#000;
}

.navbar.navebar-default.navbar-right li a:visited {
	color:#000;
}

.btn.btn-default.lastOrder {
	color:#000;
}

.category { position:relative;top:-30px}

div.cat_item    {
        height:450px;
        width:100%;
        float:left;
        position:relative;
        margin:0 10px 0 0;
        padding:0 10px 0 0;
        z-index: 300;
        }

div.cat_item div.cat_content_bottom {
        position:absolute;
        bottom:0px
        z-index: 300;
        text-align:center;
        width: 100%;
        }

div.cat_item div.cat_content_top {
        position:absolute;
        top:0px
        z-index: 300;
        }

div.cat_item img {
        background: white;
 /*       border: 20px solid #C2C2C2; */
        text-align: center;
 /*       box-shadow: 4px 6px 4px #BEBEBE; */
}

.detail-pop-main-img {
	float:left;
}

.detail-pop-product-info {
	float:left;
}

.detail-pop-product-info td {
	padding: 1%;
}

.detailsName {
	text-align:left;
	font-weight:bold;
	font-size:32px;
    font-family: times new roman;
    font-style: italic;
}

.detailsPrice, .detailsSku, .detailsQty {
	font-size:20px;

	font-weight:bold;
}

button#addToCartDetails, button.item.btn.btn-default, { 
/*	background: #7796a8;
    line-height: 48px;
    color: #fff;
    font-size: 19.56px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 30px;
    -webkit-transition-duration: 0.4s;*/ /* Safari */
 /*   transition-duration: 0.4s;
	border:0;
	padding: 0px 20px;
*/
	background-color:#7796a8;
    line-height: 48px;
    color: #fff;
    font-size: 19.56px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 30px;
	padding:0px 20px;
}

button#addToCartDetails:hover, button.item.btn.btn-default:hover {
	background-color:#0c5d70;
	color:#fff;
}
#CartOuter, #Cart {width:100%;margin:0;padding:0}

#Cart td, #EditCart { padding:2px }

#Cart img/*, #EditCart img*/ {height:100px;}

.CartThumbnail img {height:100px;}

.CartDelete img {height:15px !important;}

.cartBtn {
    float: left;
    margin-left: 5px;
}

#cartNotFirst, #cartEdit, #cartCheckout, #cartViewLast {
    background-color:  #7796a8 !important;
    border-radius: 30px !important;
    border: 3px solid #fff !important;
    color: #fff !important;
    font-weight: normal !important;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    padding: 1px 3px !important;
	font-size: 13px;
}

#cartNotFirst:hover, #cartEdit:hover, #cartCheckout:hover, #cartViewLast:hover {
	background-color:#0c5d70  !important;
	color:#fff  !important;
}

img.AltImgThumb.AltImgSelected {
	max-width:100%;
}

img.AltImgThumb.AltImgNormal {
	max-width:100%;
}

.detail-pop-alt-img img {
	width:100%;
}

.returnProd {
	font-size:16px;
}

.returnProd a:link, .returnProd a:visited {
	color:#0c5d70;
}

.returnProd a:hover {
	color:#b62318;
	text-decoration:none;
}

/* Alt img test added by RP */

ul#alt-imgs {
	float: left;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#alt-imgs li {
	list-style-type:none;
	float: left;
	padding: 5px;
	z-index: 10000;
}

ul#alt-imgs li img {
	max-width: 100px;
}


/* End alt img test - RP */

#loginWrapper {
	width:70%;
	margin:auto;
	background-color:#fff;
}

h1#loginBanner {
	font-size:55px;
	text-align:center;
	/* wodtj:100%; */
	width: 100%;
	font-weight:400 !important;
	/* margom:auto; */
	margin: auto;
	font-style: normal;
	color: #0c5d70;
}

.loginText {
	font-weight:700;
	font-size:20px;
	margin:20px 0;
	text-align:left;
}

.forgotPassword a {
	color:#c00;
}

input { color:#111 }

.loginInput {
	padding:8px;
	width:100%
}

.loginButton {
	background-color:#7796a8;
    line-height: 48px;
    color: #fff;
    font-size: 19.56px;
    font-weight: 400;
    text-align: center;
    outline: 0px;
    cursor: pointer;
    border-radius: 30px;
	padding:0px 20px;
}

#newCustomers p	{
	font-family: Lato;
	font-size:15px;
	margin: 20px 0 20px 0;
}

#newCustomers p a	{
	color:#c00;
}

#pageLoad { display: none; }

/**************MEDIA QUERIES****************/


@media (min-width: 900px) {

	.navbar.navbar-default.navbar-right { top: -100px; }

	.navbar-toggle { display: none; }

	.navbar-collapse.collapse {
    		display: block !important;
    		height: auto !important;
    		padding-bottom: 0;
    		overflow: visible !important;
	}

	.navbar-nav>li>a {
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
}


@media (max-width: 899px) {
	.footerMenuWrapper {
	clear:both;
	/*margin-top:30px;
	padding:90px;*/
	}
	a.mobile_logo.logo  { width:5%;padding:1%; }
	.navbar.navbar-default.navbar-right { width:100%;padding-left:0;margin-left:0;float:left; margin-top: -50px;}
	div.navbar-header, .container-fluid { width:100%;}
	.cat_item {height:600px !important;}
	ul.nav.navbar-nav { width:100%;}
	.navbar.navbar-default.navbar-right { top: -10px; }



	.navbar-toggle { display: block !important; }
}